目錄

圖像的透明度 - 懸停效果

透明的盒子中的文字

---

使用CSS很容易創建透明的圖像。

注意：CSS Opacity屬性是W3C的CSS3建議的一部分。

img{opacity:0.4;filter:alpha(opacity=40); /* IE8 及其更早版本 */}img:hover{opacity:1.0;filter:alpha(opacity=100); /* IE8 及其更早版本 */}

IE9，Firefox，Chrome，Opera，和Safari瀏覽器使用透明度屬性可以將圖像變的不透明。 Opacity屬性值從0.0 - 1.0。值越小，使得元素更加透明。

IE8和早期版本使用濾鏡：alpha（opacity= x）。 x可以采取的值是從0 - 100。較低的值，使得元素更加透明。

圖像的透明度 - 懸停效果

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的教你玩转CSS 图像透明/不透明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。