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盒子設置村黑色。
新聞熱點
疑難解答