CSS3关于z-index不生效问题如何解决 CSS3关于z-index不生效问题解决方法

本篇文章小编给大家分享一下CSS3关于z-index不生效问题解决方法，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

z-index不生效的情况：

1.在用z-index的时候，该元素没有定位（static定位除外）

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

下拉框例子：

1.盖住的时候：

2.将下拉框的z-index设置为负数

代码：

    

        
一级菜单
            

                
二级菜单
                
二级菜单
                
二级菜单
            
        
        
一级菜单
            

                
二级菜单
                
二级菜单
                
二级菜单
            
        
        
一级菜单
            

                
二级菜单
                
二级菜单
                
二级菜单