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

Question

          <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覆盖。                                              

Answer 1

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