1.值为整数,亦可为负数,默认值为auto(firefox浏览器)或者0(IE浏览器)。当元素设 定位属性时,该值就生效。(使用z_index属性的前提就是其本身或者父元素要有定位属性,方可生效)。
2.所有主流浏览器都支持z_index属性。IE任何版本(包括IE8)都不支持属性值"inherit".
3.同级元素之间z_index属性值越大,其位置越是靠近用户视野。即z_index值越大,元素将叠加在z_index值较小的元素上。
4.z_index属性值为负数时,隐藏普通文档流下方。
5.同级元素定位方式相同(他们拥有同一个父元素),且无z_index设置时,XHTML元素靠后者居上;
6.非同级元素定位时,比较父元素定位z_index值或在XHTML代码中位置。若是父元素设置定位,依次向上查找定位父元素。
自己见解:
1.z_index属性可以调整元素之间的层叠顺序;(z_index必须用在有定位的元素之中才会有效果,否则没有任何效果。)
2.z_index的值为整数,也可为负数,在火狐浏览器中默认值为auto;IE浏览器中默认值为0;
3.目前所有的浏览器都支持z_index属性,但是IE任何版本都不支持属性值inherit;
4.同级元素之间的z_index的值越是大,其的位置就越是居上。z_index的值越大,元素将叠加在z_index值较小的元素上;
5.z_index属性值为负数时,隐藏普通文档流的下方;
6.非同级元素定位时,就比较父元素定位z_index值或者在XHTML代码中位置。若是若是父元素设置定位,依次向上查找定位父元素。