1

我正在尝试为不同的页面创建一些表格。现在边框适用于 IE8、FF、Chrome、Safari,但不适用于 IE9。只是为了让你知道,我首先在表格中创建了边框,然后放入了背景颜色。

现在这是我的代码有什么问题的视觉示例。我将 Google Chrome 和 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这样做的原因?我已经研究了一段时间,没有发现为什么会发生这种情况。

4

0 回答 0