溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容介紹了“怎么用div+css設(shè)置div的背景為半透明”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！
代碼如下:
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
說明：
1、filter：對win IE設(shè)置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認
2、-moz-opacity：對mozilla firefox火狐瀏覽器實現(xiàn)半透明，win IE不認此屬性，-moz-opacity:0.5相當于設(shè)置半透明為50%
3、opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設(shè)置50%半透明
為了觀察到對DIV半透明實現(xiàn)，我們設(shè)置兩個DIV層，分別一個放于另外一個DIV層內(nèi)，外層DIV命名為“.div-a”;上面被包含的層CSS類命名為“.div-b”，形成“.div-b”盒子放于“.div-a”內(nèi)
我們對底層DIV設(shè)置一個背景是一張圖片，上面的DIV盒子設(shè)置村黑色。
“怎么用div+css設(shè)置div的背景為半透明”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
