易截截图软件、单文件、免安装、纯绿色、仅160KB

完全用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;
 
 
 
 
 


相关文档:

15个CSS常识

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
   2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资 ......

与CSS的{}冲突,修改Smarty的标签


            $Smarty = new Smarty();
            $Smarty->left_delimiter ='<{';
            $Smarty->right_delimiter='}> ......

Mozilla建议的CSS书写顺序

/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* ba ......

常用CSS样式记录

margin-bottom:8px;设置对象下边距的高度
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
padding-top:10px;与上一个标签的距离
padding-left:10px;与左边的间距
检索或设置对象顶边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定pos ......

有利于SEO的DIV+CSS的命名规则小结

一、CSS文件及样式命名
1、CSS文件命名规范
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
2、CSS样式命名规范
本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号