z-index不是只能在定位元素上使用吗？

Answer 1

weibo_ye 2018-04-25 23:33:05

并不是，在css3时代，包括但不限于下面这些都可以使用z-index, 因为创建了层叠上下文

• z-index值不为auto，父元素为flex项

• 元素opacity不为1

• 元素transform不是none

• filter不是none

• will-change属性为上面任意一个

• 六一888 #1

  太谢谢了，解决了我的问题

• RamirezNi #2

  感恩，我也想问来着··我急着之前z-index只有position不是static才能用的···

Answer 2

快乐动起来呀 2018-04-09 21:05:28

没有这规定吧？

• 提问者 知识不能白嫖 #1

  z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
  注释：元素可拥有负的 z-index 属性值。
  注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！
  这是w3school上的解释

• 快乐动起来呀 回复 提问者 知识不能白嫖 #2

  抱歉是我对定位元素这个概念理解有问题，请问你的问题的点在哪？

• 提问者 知识不能白嫖 回复 快乐动起来呀 #3

  最后hover的时候给li加了z-index:2;但是li并不是定位元素，为什么z-index也生效了呢？

点开查看后面1条评论