本文探讨了CSS中z-index属性的有效性，指出当两个元素重叠且父元素position为relative时，z-index可能失效。此外，元素浮动和position:static会影响z-index，解决方法是将元素position设置为relative、absolute或fixed，并移除浮动属性。
设置 z-index 元素的 position 属性需要是relative 、absolute、或fixed
z-index 无效的情况
- 两个想要重叠的设置 z-index 的元素的父元素的 position 为 relative 时，子元素的z-index失效。
- 父元素的 position 需要设置为 absolute 或static(默认)
- 设置 z-index 的元素，本身的 position 为 static，元素的 z-index 失效。
- 应该设置z-index 的元素的 postion 为 relative、absolute、fixed 其中的一种。
- 设置 z-index 的元素，同时还设置了 float 浮动，元素的 z-index 失效。
- 应该去掉元素的浮动属性 float，改为display: inline-block
扫一扫
1184
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
