javascript - HTML - TD 边框在 IE7 中不显示

Question

我有以下 CSS 类:

.detail tr td
{
    border-bottom: 1px solid #c0c0c0 ;
}

它在 firefox、chrome 和 IE9 中运行良好。

但是IE7会在所有有文字的td的底部画一个边框。但是如果 td 没有文本，那么它就不会绘制边框。

如何在 IE7 中为所有这些添加边框？

Answer 1

在 IE7 中，不存在空表格单元格。在所有空单元格中添加   将解决您的问题。

附加信息:

如果您使用的是 jQuery，则可以动态添加  :

$(document).ready(function() {
    $("td:empty").html(" ");
});

如果您讨厌插入   的想法，您可以添加一个跨度并设置它的一个属性:

<span style="zoom:1;"></span>

或者使用 jQuery:

$(document).ready(function() {
    $("td:empty").html("<span style='zoom:1;'></span>");
});