z-index part2 其他CSS属性与层叠上下文

其他CSS属性与层叠上下文

Paste_Image.png
  • z-index 值不为auto的flex项(父元素display:flex|inline-flex)

在.box > div 上设置的z-index 并不生效,因为它不是定位元素,
加了display:flex之后,就生效了


Paste_Image.png

Paste_Image.png
  • 元素的opacity值不是1
Paste_Image.png

Paste_Image.png
  • transform != none
Paste_Image.png

Paste_Image.png
  • mix-blend-mode 不是normal
Paste_Image.png
  • filter != none
Paste_Image.png
  • isolation != isolate
Paste_Image.png
  • position = fixed
Paste_Image.png
  • will-change 指定的属性为上面任意一个
Paste_Image.png
  • 元素的-webkit-overflow-scrolling = touch
    移动端特有
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容