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

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

2、z-index:auto|number;code

◆auto听从其父对象的定位对象

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

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

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


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

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

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

相关文章
相关标签/搜索