怎么用div+css設置div的背景為半透明-創新互聯

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

成都創新互聯是一家集網站建設,吉安企業網站建設,吉安品牌網站建設,網站定制,吉安網站建設報價,網絡營銷,網絡優化,吉安網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

代碼如下:

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

說明：
1、filter：對win IE設置半透明濾鏡效果，filter:alpha(Opacity=80)代表該對象80%半透明，火狐瀏覽器不認
2、-moz-opacity：對mozilla firefox火狐瀏覽器實現半透明，win IE不認此屬性，-moz-opacity:0.5相當于設置半透明為50%
3、opacity：對除IE外所有瀏覽器支持包括谷歌，放最后主要針對谷歌瀏覽器，opacity: 0.5;表示設置50%半透明

為了觀察到對DIV半透明實現，我們設置兩個DIV層，分別一個放于另外一個DIV層內，外層DIV命名為“.div-a”;上面被包含的層CSS類命名為“.div-b”，形成“.div-b”盒子放于“.div-a”內

我們對底層DIV設置一個背景是一張圖片，上面的DIV盒子設置村黑色。

“怎么用div+css設置div的背景為半透明”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站，小編將為大家輸出更多高質量的實用文章！

本文標題：怎么用div+css設置div的背景為半透明-創新互聯
標題來源：http://m.kartarina.com/article14/dchdde.html

成都網站建設公司_創新互聯，為您提供虛擬主機、網站改版、搜索引擎優化、網站收錄、定制開發、做網站

廣告

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