最近写CSS3和js结合,遇到了很多次z-index不生效的情况:
1.在用z-index的时候,该元素没有定位(static定位除外)
2.在有定位的情况下,该元素的z-index没有生效,是因为该元素的子元素后来居上,盖住了该元素,解决方式:将盖住该元素的子元素的z-index设置为负数
下拉框例子:
1.盖住的时候:
2.将下拉框的z-index设置为负数
代码:
1 2 3 4 5无标题文档 6 62 63 64 656690 91 9267
89- 一级菜单 68
7469
73- 二级菜单
70- 二级菜单
71- 二级菜单
72- 一级菜单 75
8176
80- 二级菜单
77- 二级菜单
78- 二级菜单
79- 一级菜单 82
8883
87- 二级菜单
84- 二级菜单
85- 二级菜单
86