我有一个表格,其中顶行是position:relative.在IE 9中,添加position属性会隐藏单元格之间的边界.(这不会发生在Chrome中).
我的问题类似于这个,但是我不能将顶行的z-index设置为低于其他行,因为它将是一个需要具有更高z-index的固定头.
HTML
header 1 | header 2 |
data 1a | data 1b |
data 2a | data 2b |
CSS
.locked {
position: relative;
background-color: Yellow;
}
如何让边框显示,但保持z-index比其他单元格更大?
编辑:这是jquery代码,解释了标题位置相对的原因.
1.它允许标题水平和垂直滚动.
2.当您向下滚动页面超过153像素时,标题将保留在屏幕顶部.
$(document).ready(function () {
$(window).scroll(function(){
var off = $(window).scrollTop();
if (off < 153) {
$(".frozenTop").css("top", 0);
} else {
$(".frozenTop").css("top", off - 153);
}
});
});