這篇文章主要介紹css如何實現(xiàn)圖片半透明效果，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)秉承實現(xiàn)全網(wǎng)價值營銷的理念，以專業(yè)定制企業(yè)官網(wǎng)，成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)，微信小程序，網(wǎng)頁設(shè)計制作，移動網(wǎng)站建設(shè)，網(wǎng)絡(luò)營銷推廣幫助傳統(tǒng)企業(yè)實現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對客戶都以感恩的心態(tài)奉獻(xiàn)自己的專業(yè)和所長。

css實現(xiàn)圖片半透明效果的方法：可以通過opacity屬性來進(jìn)行設(shè)置，如【style="-moz-opacity:0.5";】。opacity屬性用來設(shè)置元素的不透明級別，語法為【opacity:value|inherit;】。

屬性介紹：

opacity 屬性設(shè)置元素的不透明級別。

語法：

opacity: value|inherit;

屬性值：

• value    規(guī)定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）。

• inherit    應(yīng)該從父元素繼承 opacity 屬性的值。

實現(xiàn)代碼如下：

這個效果在IE和Mozilla瀏覽器上都可以工作，代碼如下

在IE中需要通過"filter"來定義透明度"opacity"，而在Mozilla中是可以直接解析"opacity"，所以如果要使得這個效果在兩種瀏覽器中都得到支持，需要把兩種設(shè)定都加進(jìn)去。

針對IE的設(shè)定：this.filters.alpha.opacity=50；針對Mozilla的設(shè)定：this.style.MozOpacity=0.5。

以上是“css如何實現(xiàn)圖片半透明效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標(biāo)題：css如何實現(xiàn)圖片半透明效果-創(chuàng)新互聯(lián)
瀏覽地址：http://www.weahome.cn/article/gojpd.html