z-index 无效问题?

我们知道,z-index 生效的条件之一就是元素的 position 要设置为 relative,absolute,或者 fixed 之一。

如下代码:

    
                 
                      Prescriber
                 
               
               
               
  
                 
                     商品1
                 
               
                   商品2
               
               
                   商品3
               
               
                   商品4
               
   
                     
               
   
   
   #fixed_table_title{
       position: relative !important;
        z-index: 10000 !important;
   }
   #fixed-body{
           z-index: 100 !important;
position: relative !important;
   }            
           
           
           
    但是 改变 translate3d 属性移动的时候, thead 还是会被覆盖 ?                
已邀请:

TrueMemories

赞同来自:

你给tbody设置transform属性会创建一个新的stacking context,这个新建的比原来的要高一级,所以你设置再大的z-index也没用的,可以看看这个CSS3 Transform 引起的 z-index "失效"
深入理解css中的层叠关系

要回复问题请先登录注册