怎么用div+css設置div的背景為半透明

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

代碼如下:

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

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

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

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