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

CSS: z index 取值范围


原理:
当两个同父元素z-index相同时,后面的元素显示在上面。
当z-index超过浏览器最大值时,浏览器会按最大值计算。
方法:
连续放置两个div元素d1,d2;并设定position:absolute及不同背景色。
设定d1.z-index = max + 1, d2.z-index = max;
当max + 1有效时,d1在前;当max + 1 无效时,d2在前。(参看原理)
设定d1.z-index = min, d2.z-index = min - 1;
当min - 1有效时,d1在前;当min - 1 无效时,d2在前。(参看原理)
结果:
 
ver.
max
min
typeof(div.style.zIndex)
IE
8.0
2147483647
-2147483648
number
Chrome
3.0.195
2147483647
-2147483648
string
FF
3.5.7
2147483645
-2147483647
string
Opera
10.10
2147483584
-2147483584
string
结论:
当需要兼容以上所有浏览器时,z-index需使用 -2147483584 ~ 2147483584 范围内的数字


相关文档:

jquery+css 完成进度条功能

今天看到一篇文章是css打造进度条。然后自己做成动态的进度条,同样,使用到css和jauery,请看:
1  首先,需要引入jquery.js文件。
 <script src="Content/jquery.js" type="text/javascript"></script>
2  所用到的样式部分:
<style>
 .graph {
    & ......

CSS和JS标签style属性对照表

CSS 和 JavaScript 标签 style 属性对照表:
盒子标签和属性对照
CSS语法(不区分大小写) JavaScript语法(区分大小写)
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......

CSS基础练习

-----------------------------------------------
链接外面文件css
<link href="layout.css" rel="stylesheet" type="text/css" />
-----------------------------------------------
写文本 :  <div id="mainContent">
    <p>1列固定宽度居中+头部+导航+尾部—&mdash ......

css实现背景拉伸,不可再实现连接

css实现背景拉伸 制作页面时,有时需要在表格内插入背景图,我们可以使用CSS进行控制,代码:
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
其中,./images/counter_bg.jpg为显示图片路径。 ......

7种CSS圆角框解决方案

1,无图片纯css圆角框
收录理由:兼容性强,不用图形
图一
特点:
1.不用任何图形,使用很多个div容器模拟出圆角效果。
2.兼容性:通杀所有浏览器
缺点:
1.构造这个圆角需要加入太多的无语义的标签,结构比较冗余。
2.重用性不强:如果一个页面有多个圆角,并且要实现不同的半径大小,则其灵活性不够。
3.边框颜 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号