我使用下面的代码将不同的背景颜色应用于奇数行和偶数行:
$('#tbl tr:odd').css('background-color', '#ECF6FC');
$('#tbl tr:even').css('background-color', '#ffffff');
但奇数和偶数行在FF和IE中的显示方式不同,例如:
FF:
IE:
可以看出,在FF中,第一行结果是白色,而在IE中第一行结果是蓝色。为什么会发生这种情况,对此有何解决方法?
答案 0 :(得分:3)
试
$('#tbl tr:nth-child(odd)').css('background-color', '#ECF6FC');
$('#tbl tr:nth-child(even)').css('background-color', '#ffffff');
它应该有用
答案 1 :(得分:0)
标记中必定存在jquery存在问题的问题。 您是否可以粘贴html或尝试在jsfiddle
重新创建问题这是一个简单的工作demo,可以使用相同的x-browser
奇数/偶数选择器使用相同的x浏览器,因此您可能有无效的标记,是否可以尝试在w3c验证它。
答案 2 :(得分:0)
这很有意思,因为JS是一个零指数lang ..
你可以试试吗 $("#tbl tr:nth-child(even)").css("background-color", "#fff");
$("#tbl tr:nth-child(odd)").css("background-color", "#ecf6fc");
请?
我更愿意看看IE是否处理它。