html隐藏框的位置,位置:相对隐藏Internet Explorer中的边框

在IE9中,使用`position:relative`的表格顶行会导致单元格边框消失,而这个问题在Chrome中不存在。博主通过jQuery实现了一个功能,使标题在页面滚动超过153像素时固定在顶部,但这个实现导致了边框显示问题。问题在于保持高`z-index`的同时要显示边框。解决方案可能涉及调整CSS或寻找IE9的兼容性解决策略。
摘要由CSDN通过智能技术生成

我有一个表格,其中顶行是position:relative.在IE 9中,添加position属性会隐藏单元格之间的边界.(这不会发生在Chrome中).

我的问题类似于这个,但是我不能将顶行的z-index设置为低于其他行,因为它将是一个需要具有更高z-index的固定头.

HTML

header 1header 2
data 1adata 1b
data 2adata 2b

CSS

.locked {

position: relative;

background-color: Yellow;

}

iO2Jf.png

如何让边框显示,但保持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);

}

});

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值