z-index

1、z-index 仅能在定位元素上奏效(position 属性值为 relative 或 absolute 或 fixed的对象)。

2、拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面

3、当定位元素的 'z-index' 未设置时(默认为 auto),在 IE6 IE7 IE8(Q) 下将会创建一个新的局部层叠上下文。而在其它浏览器下,则严格按照规范,不产生新的局部层叠上下文。理解层叠上下文、层叠级别与 'z-index' 之间的关系。在可能出现定位元素相互覆盖的情况时,明确指定定位元素的 'z-index' 特性,避免此问题的出现。

4、IE6下的层级高低不仅要看本身,还要看自己的父元素是否给力:父元素的 position 属性为 relative或absolute 时,子元素的 absolute 属性是相对于父元素而言的。而在IE6下的层级的表现有时候不是看子元素的 z-index 多高,而要看它们的父元素的 z-index 谁高谁低

5、设置opacity为非1的时候,也会产生层叠上下文。

原文地址:https://www.cnblogs.com/slogeor/p/3759649.html