在IE中设置交替的背景颜色

Question

这种简单的风格适用于在Firefox和Chrome的表格中提供交替的背景色[s]，但在IE 11中失败（我认为，早期版本）。在后者中，没有颜色，我的背景图像显示出来。

.recordtable tr:nth-child(even) {background-color: #eee;}

.recordtable tr:nth-child(odd) {background-color: #ddd;}

我可以在IE中使用它吗？谢谢。

Answer 1

过去尝试设置tr元素时，我遇到过IE问题。尝试设置子td元素的样式，如下所示：

.recordtable tr:nth-child(even) td {background-color: #eee;}

.recordtable tr:nth-child(odd) td {background-color: #ddd;}

Answer 2

您可以使用CSS和jQuery实现它

CSS：

.recordtable  tr.even{background-color: #eee;}    
.recordtable  tr.odd{background-color: #ddd;}

jQuery的：

$(document).ready(function() {
    $(".recordtable  tr:nth-child(even)").addClass("even");
    $(".recordtable  tr:nth-child(odd)").addClass("odd");
});