我正在处理很久以前写的html,FireFox有一个问题。
一些tr元素的position属性被设置为relative,这令人惊讶的是这些tr元素的边界是不可改变的。当我移除样式时,一切都很好...所以问题是:
“位置:相对如何影响tr元素?”“我无法获取它..对我来说,这似乎是多余的。
谢谢
编辑:
<table id="table1" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#cccccc"><tbody>
<tr class="header" style="position:relative;top:2 px;">
<th>sdf</th>
<th>sdf</th>
<th>sdf</th>
</tr>
.header {
position:relative;
}
table#table1 {
border-collapse: collapse;
}
#table1 th {
border-collapse: collapse;
cursor: pointer;
font-size: 8pt;
padding: 3px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
color: #FFFFFF;
background-color: #6685C2;
}
#table1 td {
border-collapse: collapse;
cursor: pointer;
font-size: 8pt;
padding: 3px;
border: 1px solid #666666;
}
发布于 2011-07-19 19:15:56
交互可能就是这个位置:relative正在禁用边框折叠属性。当然,在看不到任何代码的情况下,很难判断。
更新:如果你查看你的代码,你会发现有问题的tr从来没有自己的边界。设置position: relative
会影响th
元素上的显示。我建议你将其归结为未定义的行为。
如果您需要相对定位行,那么我建议您也将它的display属性更改为适合相对定位的属性。
发布于 2019-10-21 16:08:31
使用变换而不是位置:
.header {
transform: translateY(2px);
}
https://stackoverflow.com/questions/6746175
复制相似问题