在Internet Explorer中使交替的CSS表格行样式工作

Question

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

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

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

我正在使用IE 8.

Answer 1

IE8不支持:nth-childCSS属性.你可以使用这个脚本使它在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");