我正在尝试为不同的页面创建一些表。现在边框适用于IE8,FF,Chrome,Safari,但不适用于IE9。只是为了让你知道,我首先在表格中创建边框然后放入背景颜色。
现在这里是我的代码出错的一个直观的例子。我把谷歌浏览器和IE 9放在一起,这样你就可以看到边框在浏览器中完美运行,以及它在IE9中的反应。 (左侧为Chrome,右侧为IE9):
我会查看浏览器开发者工具,两个浏览器都有边框样式,但IE9的反应方式在我看来很奇怪,特别是因为相同的代码适用于IE8。
我为我的代码做了什么:
对于边界,我有这个:
table.policy_table td {
border-top: 1px solid #A9B0B6;
}
所以我在行中着色的是在带有表的页面的PHP文件中。这样做的原因是因为我必须确保浏览器兼容IE8及以上版本的工作:
jQuery("tr:even").addClass("even");
并且在css文件中是这样的:
.even {
background: #F4F4F4;
}
我没有使用nth-child的原因是因为IE8可以访问这些页面而IE8不支持nth-child。 当我删除背景颜色代码时,所有边框再次正常。
我的问题:
你认为这是我试图在乱搞边界的行的背景中着色的方式吗? 有谁知道IE9这样做的原因?我已经研究了一段时间,并没有发现为什么会发生这种情况的结果。