Question

我使用这个CSS代码在每行第二行重复颜色的行中显示数据库输出

tbody tr:nth-child(2n) td, tbody tr.even td {  
    background: none repeat scroll 0 0 #E5ECF9;  
}

如果我在IE中打开它将无法正常工作。有什么建议吗？

我正在使用IE 8。

Answer 1

IE8不支持:nth-child CSS属性。你可以使用这个脚本在IE8中使用它：

如何使用

您可以通过条件评论来包含它，例如：

<!--[if lte IE 9]>
<script src="IE9.js"></script>
<![endif]-->

该脚本只会在IE9及以下版本中加载，其他浏览器看不到它。

现场演示： https://jsbin.com/koyahe/edit?html,css,output

（此演示应适用于所有版本的IE。）

Answer 2

我喜欢上面的答案，但如果没有刷新文档，则交替的行颜色似乎不起作用。

尝试jQuery：

$("tbody tr:even td").css("background-color", "lightgray");

Answer 3

您使用的是哪个版本的IE？ :nth-child() CSS在旧版本的IE中不起作用。

IE9（正常）