首页 > 代码库 > css中zoom:1以及z-index的作用

css中zoom:1以及z-index的作用

一、CSS中zoom:1的作用
在做IE6、IE7、IE8浏览器兼容的时候,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:
1、触发IE浏览器的haslayout
2、解决IE下的浮动,margin重叠等一些问题。

二、z-index:auto|number;

◆auto遵从其父对象的定位

◆number无单位的整数值。可为负数

position属性中的“后来居上”这个显示规则是没有兼容性问题的,所以,要想一个元素上面显示,直接放后面就可以了,无需z-index。

泛滥的z-index既浪费代码,又不利于后期维护和他人接受,为何不扔掉呢。记住,这个世界上本没有z-index


CSS样式,把z-index设置为999或很大,是什么意思?z-index是针对网页显示中的一个特殊属性.因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性.为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别.表示一个元素在叠加顺序上的上下立体关系.根据 W3C CSS2.1 规范中的描述,‘z-index‘ 应用于定位元素( ‘position‘ 特性不是 static ),它接受整数值,默认值为 auto。

意思就是说‘z-index‘ 只有在层有绝对或者相对定位的时候才会起作用,‘z-index‘ 默认值为auto。

如果2个或2个以上通过绝对或者相对定位的层有重叠的时候,这个时候‘z-index‘ 的值谁的大就那个层显示在最上面!直接设置个999或者是比999更大的数值的目的也就是为了保证该层能一直显示在最上!

css中zoom:1以及z-index的作用