完全用CSS实现100%高度覆盖层(IE7测试通过)

这篇文章是在如下地址看到的：

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23302976.html

 

首先是HTML部分：

 

<

 

body>

<

 

div id="loading">

 

 

 

 

<div><img src="../images/loading.gif" /><span>Please Wait</span></div>

</div>

 

</

 

body>

 

然后CSS是部分,做了些修改：

 

 

body,

 

 

 

html

{

 

 

margin:0

 

;

 

 

height:100%

;

 

 

min-height:100%

;

}

#loading

 

 

 

 

{

 

 

background:#ccc

;

 

 

position:absolute

;

 

 

top: 0

;

 

 

left: 0

;

 

 

min-height:100%

;

 

 

height:auto !important

;

 

 

height:100%

;

 

 

width:100%

;

 

 

filter:alpha(opacity=50)

;

 

 

opacity:0.5

;

 

 

-moz-opacity: .50

;

这里最总要的是：height:auto !important;