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

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有武穴免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

屬性介紹：

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

語法：

opacity: value|inherit;

屬性值：

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

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

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

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

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

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

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