IE8，Chrome，Firefox和Safari之间的CSS兼容性

Question

我正在编写一个JSP页面。我需要一张桌子。其中一个陈述是：

<tr class="recordTr_SubGroup">

其中recordTr_SubGroup位于文件style.css中：

.recordTr_SubGroup {   
    background-color:#81BEF7;
    cursor: default;
}

我打算用颜色突出显示该行。但最后，它只在IE8中正确发生。

中的Firefox，Chrome和Safari无法产生相同的效果

任何人都可以提供帮助吗？

Answer 1

我的猜测是你在其中一个表格层或<tr>前面的元素上设置了背景颜色，因此其他浏览器没有显示tr背景颜色，因为它已被有效地涂抹。由于其他一些缺陷，IE正在展示它 - 可能它被推到了怪癖模式。

检查前面没有带有背景颜色的图层，仔细检查<td>是否设置为background-color: transparent。

有关背景颜色应如何工作的说明，请参阅W3C tables diagram。

Answer 2

您应该为每个单元格应用一个类，例如：

<tr><td class="recordTr_SubGroup"></td><td class="recordTr_SubGroup"></td></tr>

或者将css更改为以下内容：

tr.recordTr_SubGroup td {background-color:#81BEF7; cursor: default; }