易截截图软件、单文件、免安装、纯绿色、仅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 范围内的数字


相关文档:

目前最全的浏览器/CSS选择器兼容性总结

2009年2月24日
,Safari 4.0
beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作,下面提供了最新版
本的CSS选择器浏览器支持情况,其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl
的总结。
2009年6月30日
,FireFox 3.5发布,类似Safar ......

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为显示图片路径。 ......

ninjacontent前台文章管理组件CSS修改

ninjacontent组件在我的网站上显示不正常,想修改它的CSS使其正常,可是怎么也找不到它的CSS的位置,现在终于找到了,特把它记录下来,以备有遇到跟我一样问题的人查看。
CSS位置:网站根目录\media\com_ninjacontent\css\目录下。 ......

IE7 CSS trouble

When you meet trouble with css style in IE7, try this. You can set different css for IE7 and the other browsers.
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/home_c_ie7.css" mce_href="home_c_ie7.css" />
<![endif]-->
......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号