z_index属性

2019独角兽企业重金招聘Python工程师标准>>>

 1.z_index属性可以调整元素之间的层叠顺序：

  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代码中位置。若是若是父元素设置定位，依次向上查找定位父元素。

转载于:https://my.oschina.net/chengcheng/blog/72624