一、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中无效。(个人未遇到该种情况,所以不便举例说明)
(该文供学习交流,欢迎大家共同探讨~)