完全用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;
相关文档:
昨天学习了Css的一小部分属性,这些属性一直从昨天练习到今天,感觉如果想把这些属性完全的掌握牢固还需要大量的练习,看到同学一个比一个学习努力,有的同学已经超前学习,心里感到七上八下的,因此自己也在慢慢钻研,不能落到别人的后面,昨天主要是练习了,今天主要的总结了一些Css的属性:
文本
font-fa ......
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom &nbs ......
这是本人学习CSS得一些心得,觉得很有用,希望对大家也有所帮助。
1. 如何写CSS友好的HTML.
大家知道要是自己的页面兼容不同厂商,不同版本的浏览器简直就是一场噩梦。一方面是因为不同浏览器的差异性,还有更重要的是我们自己写
的HTML不规范。我觉得每个HTMl标签都有它的特定的用途,有它的书写规范,我们必须遵守这些 ......
三种引用2010-03-14 17:45:36
内联定义>外链引用>内联块定义
1.内联定义
<a stype="XXX">
2 ......
http://www.qiqiboy.com/2009/11/26/css-image-orientation-and-all-images-in-a-picture.html
如今做网页为了使网站丰富多彩,富于表现力,往往需要应用大量的图片/图标。如何处理这些图片,使其尽量不影响网页载入,解析等速度,是一个不大不小的问题。如果你的网站用各种图标图案装饰的靓丽无 ......