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

最近写CSS3和js结合，遇到了很多次z-index不生效的情况：

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

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

下拉框例子：

1.盖住的时候：

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

代码：

    

        
一级菜单
            

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

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持潘少俊衡。