萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> css實現的遮罩層完美兼容IE6的方法

css實現的遮罩層完美兼容IE6的方法

我們為大家收集整理了關於css實現的遮罩層完美兼容IE6,以方便大家參考。css div 遮罩層想必熟悉網頁的朋友都不陌生吧,網上也有相關的實現文章,不過大都對浏覽器的兼容性不好,在本文將為大家介紹的是一個可以兼容IE6-IE9 FireFox 的遮罩層,感興趣的朋友不要錯過

Html代碼:

復制代碼代碼如下:

 

 

 

 

 

 

 

 

 

 

數據加載中,請稍後...

 

 

 

CSS樣式:

復制代碼代碼如下:

/*loading加載遮罩層css*/

#black_overlay

{

position: fixed;

z-index: 1000;

width: 100%;

height: 100%;

top: 0;

left: 0;

filter: alpha(opacity=80);

opacity: 0.8;

overflow: hidden;

background-color: #000;

}

*html

{

background: url(*) fixed;

}

*html body

{

margin: 0;

height: 100%;

}

/*IE6*/

*html #black_overlay

{

position: absolute;

left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);

top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);

}

#load_content

{

display: none;

position: absolute;

top: 40%;

left: 40%;

width: 200px;

height: 50px;

border: 16px solid #FFF;

border-bottom: none;

background-color: white;

z-index: 1002;

overflow: auto;

font-size: 14px;

font-weight: bold;

希望大家可以學會css實現的遮罩層完美兼容IE6想了解更多精彩內容,請關注我們的網站!

相關推薦:

CSS怎麼將背景圖移動呢 

copyright © 萬盛學電腦網 all rights reserved