z-index失效 在用z-index的时候,该元素没有定位(static定位除外)。 涉及transform,z-index就失效。(transform会创建更高层级的stacking context(堆叠上下文),所以z-index会失效。) 解决: 给设置了z-index元素加一个position:relative。 移除父元素的transform。 (最好不要给想控制“上、下”的元素设置z-index,而是...
代码: 效果图: 情况1效果 情况2和情况3的效果一样 那么,问题来了: 1.为什么伪元素的父元素使用z-index之后,伪元素的z-index失效. 2.为什么伪元素的父元素使用fixed之后,即使不使用z-index,伪元素的z-index失效. 3.官方文档也没有介绍这一块空缺.