z-index 、层叠上下文、层叠级别、z-index失效

　　一、z-index

　　　　z-index默认处于非激活状态，只有定位元素（即position:relative/absolute/fixed时）才会被激活。

　　　　z-index与层叠上下文关联。

　　　　当z-index相同（即层叠级别相同）的时候，遵循“后来者居上”的原则。

　　二、层叠上下文

　　　　以下两种情况，会创建层叠上下文：

　　　　　　1.根元素

　　　　　　2.z-index不为auto的“定位元素”

　　三、层叠级别

　　　　层叠级别由低到高为：　　　　

　　　　层叠上下文的边框和背景<负z-index<块盒子（普通文档流下的块盒子）<浮动盒子（非定位的浮动元素）<行内盒子（普通文档流下的行内盒子）<z-index:0<正index

　　四、某些情况下，z-index会在IE中无效。（个人未遇到该种情况，所以不便举例说明）

 

　　（该文供学习交流，欢迎大家共同探讨~）

　　

　　

 

转载于:https://www.cnblogs.com/snowcan/p/6897385.html