css透明度屬性指的是opacity屬性；opacity屬性可以設定一個元素了透明度級别。下面本篇文章就來給大家介紹一下CSS opacity屬性，有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。
css opacity屬性用于設定一個元素了透明度級别，從0.0(完全透明)到1.0(完全不透明)。通過該屬性我們可以設定圖檔、文字、盒子模型等等的透明度。
文法：opacity: value;value：用于規定不透明度。從 0.0 (完全透明)到 1.0(完全不透明)。value值越小，越透明。
IE9, Firefox, Chrome, Opera 和 Safari 都可以使用屬性 opacity 來設定透明度。
IE8 以及更早的版本使用濾鏡 filter:alpha(opacity=x)。x 能夠取的值從 0 到 100。
需要注意的是 該屬性用于設定整個HTML元素的透明度,包括背景色,前景色還有邊框都會受到影響img{
opacity:0.4;
filter:alpha(opacity=40);
}
效果如下:
另外還可以實作一個炫酷的小功能,滑鼠移動到圖檔上時改變圖檔透明度,滑鼠移開變回
方法就時選擇器上加上:hover僞類選擇器img
{
opacity:0.4;
filter:alpha(opacity=40);
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100);
}
更多web開發知識，請查閱 HTML中文網 ！！