css 遮罩樣式(支持IE和FireFox)
發(fā)布時(shí)間:2011-01-27 13:42:26 作者:佚名
我要評(píng)論

css 遮罩樣式(支持IE和FireFox) ,需要的朋友可以參考下。
復(fù)制代碼
代碼如下:.gSys-msg .mask
{
background-color: #000000;
height: 100%;
left: 0;
filter:alpha(opacity=30);
opacity:0.3;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 900;
}
其中 filter:alpha(opacity=30); 支持IE的遮罩效果
opacity:0.3; 支持Firefox的遮罩效果
相關(guān)文章
CSS實(shí)現(xiàn)鼠標(biāo)懸浮出現(xiàn)遮罩層示例源碼
這篇文章給大家分享了兩個(gè)鼠標(biāo)懸浮出現(xiàn)說明遮罩層的效果,大家可以根據(jù)自己的需要選擇某一種效果,兩種效果文中都給出了實(shí)例代碼,下面來一起看看吧。2016-09-05SCSS移動(dòng)端頁面遮罩層效果的實(shí)現(xiàn)及常見問題解決
這篇文章主要介紹了SCSS移動(dòng)端頁面遮罩層效果的實(shí)現(xiàn)及常見問題解決,使用CSS的預(yù)處理器框架SCSS寫起來比原生CSS會(huì)來得更加簡便一些,需要的朋友可以參考下2016-06-09- 這篇文章主要介紹了使用CSS實(shí)現(xiàn)中間鏤空的圖片遮罩效果的方法,文中同時(shí)附帶介紹了一個(gè)用CSS3實(shí)現(xiàn)的鏤空一個(gè)圓形的代碼示例,需要的朋友可以參考下2015-12-24
css3實(shí)現(xiàn)圖片遮罩效果鼠標(biāo)hover以后出現(xiàn)文字
鼠標(biāo)hover 以后,圖片上面出現(xiàn)一個(gè)遮罩透明度變化,顯示設(shè)置好的文字,完全使用css 實(shí)現(xiàn),效果如下,喜歡的朋友可以參考下2013-11-05css div實(shí)現(xiàn)的遮罩層完美兼容IE6-IE9 FireFox
css div 遮罩層想必熟悉網(wǎng)頁的朋友都不陌生吧,網(wǎng)上也有相關(guān)的實(shí)現(xiàn)文章,不過大都對(duì)瀏覽器的兼容性不好,在本文將為大家介紹的是一個(gè)可以兼容IE6-IE9 FireFox 的遮罩層,感2013-10-11巧用CSS3 border實(shí)現(xiàn)圖片遮罩效果代碼
巧用CSS3 border實(shí)現(xiàn)圖片遮罩效果代碼,需要的朋友可以參考下2012-04-09利用js+css簡單實(shí)現(xiàn)半透明遮罩彈窗
用到遮罩彈窗時(shí)在網(wǎng)上搜索,看到絕大多數(shù)都是基于Jquery的。我不想用那么復(fù)雜的應(yīng)用,于是自己寫了一個(gè)。2011-07-27- 這篇文章主要介紹了CSS3 mask 遮罩的具體使用方法,詳細(xì)的介紹了CSS3 mask 遮罩的具體使用,具有一定的參考價(jià)值,有興趣的可以了解一下2017-11-03