CSS3-关于z-index不生效的问题

z-index 属性指定一个元素的堆叠顺序。是拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。简单来说就是z-index值大的将盖着值小的元素。

z-index 的默认值是auto，他的值可为正可为负。（如果不设置Z-index那么默认值为auto,则不建立层叠上下文。设置为0则会脱离文档流,建立层叠上下文。）

只有有定位的元素z-index才会生效！！！

z-index不生效的情况有：

1.在使用z-index的这个元素没有定位。这种情况要给元素添加positon:relative;或者 position:fixed; （但是不包括static)

2.在使用z-index的这个元素有定位的情况下，该元素的z-index仍然没有生效，是因为该元素的子元素后来居上，盖住了该元素，解决方式：将盖住该元素的子元素的z-index设置为负数，而该元素不设z-index属性.

还有一种就是元素含有浮动，浮动会使z-index失效，将浮动去掉就可以。