怎麼使用CSS做影像透明

透過 CSS 建立透明圖片是很容易的。                               ( 建議學習：CSS教學 )

附註吧：CSS opacity 屬性是 W33C CSS 標準時的一部分。

實例 1 - 建立透明圖片

定義透明效果的 CSS3 屬性是 opacity。

首先，我們將展示如何透過 CSS 來建立透明圖片。

常規圖像：

#具有透明度的相同圖像：

########################### ###########請看下面的CSS：######

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}

###IE9, Firefox, Chrome, Opera 和Safari 使用屬性opacity 來設定透明度。 opacity 屬性能夠設定的值從 0.0 到 1.0。 ######值越小，越透明。 IE8 以及更早的版本使用濾鏡 filter:alpha(opacity=x)。 x 能夠取的值從 0 到 100。值越小，越透明。 ###

以上是怎麼使用CSS做影像透明的詳細內容。更多資訊請關注PHP中文網其他相關文章！