z-index part2 其他CSS属性与层叠上下文
2017-01-27 本文已影响0人
Candy374
其他CSS属性与层叠上下文
![](https://img.haomeiwen.com/i4168720/ea8d08d6b3b27b28.png)
- z-index 值不为auto的flex项(父元素display:flex|inline-flex)
在.box > div 上设置的z-index 并不生效,因为它不是定位元素,
加了display:flex之后,就生效了
Paste_Image.png
Paste_Image.png
- 元素的opacity值不是1
![](https://img.haomeiwen.com/i4168720/4aff44d08baa825f.png)
![](https://img.haomeiwen.com/i4168720/be6ec3028be250fc.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
![](https://img.haomeiwen.com/i4168720/36a0c9cb9ad9a3db.png)
- will-change 指定的属性为上面任意一个
Paste_Image.png
- 元素的-webkit-overflow-scrolling = touch
移动端特有