不知道大家有没有碰到过这样的问题:
IE6显示不出<tr></tr>的border-bottom(或border-top)。
我就碰到了,怎么办呢?我google了一下,发现有个仁兄是这么解决的:
table {border-collapse:collapse}
td {border-bottom:1px solid #0f0}
恩,这确实能在很多情况下达到跟
tr {border-bottom:1px solid #0f0;}
一样的效果。
可是我不幸需要
table {border-collapse:separate}
怎么办呢?后来我在下面加了一个1px高的空行:
<tr style="height:1px;background:#0f0">
<td colspan="N(N取决于你的列数)"></td>
</tr>
哈哈,搞定!
希望这两个小窍门能对你起到作用。