怎么用div+css設(shè)置div的背景為半透明-創(chuàng)新互聯(lián)

本篇內(nèi)容介紹了“怎么用div+css設(shè)置div的背景為半透明”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),吉安企業(yè)網(wǎng)站建設(shè),吉安品牌網(wǎng)站建設(shè),網(wǎng)站定制,吉安網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,吉安網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

代碼如下:

div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}

說明：
1、filter：對win IE設(shè)置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認(rèn)
2、-moz-opacity：對mozilla firefox火狐瀏覽器實現(xiàn)半透明，win IE不認(rèn)此屬性，-moz-opacity:0.5相當(dāng)于設(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)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

本文標(biāo)題：怎么用div+css設(shè)置div的背景為半透明-創(chuàng)新互聯(lián)
標(biāo)題來源：http://muchs.cn/article14/dchdde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)站改版、搜索引擎優(yōu)化、網(wǎng)站收錄、定制開發(fā)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)