-
z-index 有后来居上原则,如果设置 position:relative 那么z-index:auto他的默认值就是这个,这个auto相当于 z-index:0 所以是正值,如果z-index:负值的层叠顺序在元素背景色之上查看全部
-
z-index 层叠上下文 特性查看全部
-
这样排列的原因,是更符合页面加载顺序和,排序的,装饰的在最下方,布局在中间层,内容的在最上方查看全部
-
层叠顺序查看全部
-
第二点，非auto创建层叠上下文理解如下： 设置定位，box和img不创建层叠上下文，子元素覆盖父元素，且满足z-index：auto即z-index：0 设置img的z-index：-1，创建层叠上下文，此时box和img比较遵循层叠顺序规则：z-index：0优先z-index：-1，因此box在img之上 设置box的z-index：0，创建层叠上下文，此时box和img比较遵循层叠顺序规则：z-index：-1优先层叠上下文background，因此img在box之上查看全部
-
z-index：auto不会创建层叠上下文，z-index：0会创建层叠上下文查看全部
-
2017-8-30查看全部
-
7阶层叠水平查看全部
-
创建层叠上下文的属性查看全部
-
Z-index查看全部
-
创建层叠上下文: position:relative,absolute,sticky,fixed display:flex加其子元素z-index opcity不为1 transform不为none查看全部
-
层叠上下文的背景色层级小于负值的z-index设置元素查看全部
-
两个元素样式无差异，遵循后来居上；若有个元素有设置了定位属性，那么层级可以视为z-index为0，级别上会变高（图片一般为内联元素）。 定位元素不是auto时会创建层叠上下文。（不包括IE7浏览器）查看全部
-
backgroud/border（装饰） < 负z-index < block块状水平盒子（布局） < float浮动盒子< inline/inline-block水平盒子（内容） < z-index:auto/0 < 正z-index查看全部
-
z-index只有和定位元素一起才起作用查看全部
举报
0/150
提交
取消