我们知道,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 还是会被覆盖 ?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
看看这个
你给tbody设置transform属性会创建一个新的stacking context,这个新建的比原来的要高一级,所以你设置再大的z-index也没用的,可以看看这个CSS3 Transform 引起的 z-index "失效"
深入理解css中的层叠关系
手机码字
无效原理见前几个回答、不能测试。看一下吧
不用定义 z-index ,所以把 position 也删了。
为 #fixed_table_title
定义 transform: translate3d(0px, 0px, 1px)
Z 轴比 tbody 高。