検索

ホームページ  >  に質問  >  本文

javascript - 一个没有层叠上下文的元素如何比有的元素 z-index 更大?

如下代码

          <thead id="fixed_table_title" class="table-head">
                 <tr>
                      <th>Prescriber</th>
                 </tr>
               </thead>
               
               
  <tbody id="fixed-body" class="table-body" style="transition: -webkit-transform 0s ease-out; transform: translate3d(0px, -24.808px, 0px);">
                 <tr>
                     <td>商品1</td>
                 </tr>
               <tr>
                   <td>商品2</td>
               </tr>
               <tr>
                   <td>商品3</td>
               </tr>
               <tr>
                   <td>商品4</td>
               </tr>
   
               </tbody>      
               
   
   
   #fixed_table_title{
       position: relative !important;
        z-index: 10000 !important;
   }
   #fixed-body{
           z-index: 100 !important;
position: relative !important;
   }            
           
      
      
      
      
      
           

试图给 t-head 添加 transform 属性或其他的导致其产生 层叠上下文的属性,发现改变 t-body transform Y轴属性移动其时 t-head 还是会被 t-body覆盖。

PHP中文网PHP中文网2819日前567

全員に返信(2)返信します

  • 怪我咯

    怪我咯2017-04-11 12:31:10

    同一层级下,根据由顺序和z-index值大小决定;不同层级下,由父级顺序和z-index决定。

    返事
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-11 12:31:10

    表格要覆盖表格标题?

    返事
    0
  • キャンセル返事