0

我正在使用以下 CSS 来<tr>完全边框。

<style type="text/css">
    tr.top td { border-top: thin solid black; }
    tr.bottom td { border-bottom: thin solid black; }
    tr.row td:first-child { border-left: thin solid black; }
    tr.row td:last-child { border-right: thin solid black; }
</style>

它在 Mozilla Firefox 中完美运行，但在 Internet Explorer 中，它没有最后一个右边的边界，<td>如下面的快照所示。

在 Firefox 中，它显示下表。

在此处输入图像描述

然而，在 Internet Explorer(8) 中，它显示的表格如下。

在此处输入图像描述

表示在上面的 CSS 中，这个 CSS 类tr.row td:last-child { border-right: thin solid black; }在 IE 中不起作用。解决方案是什么？我正在使用 IE 8。

4

2 回答 2

3

IE 8 不支持:last-child伪类 (CSS 3)，但它支持:first-child(CSS 2.1)

CSS 兼容性和 Internet Explorer

最后一个单元格需要一个不同的选择器，例如自定义类名。

于 2012-04-11T17:54:31.697 回答
1

顺便说一句，如果您在 css 文件中声明边框，而是在样式之后，在 TD 标记中声明呢？有人告诉我 IE8 的边框渲染存在一些错误。把它贴在这里，看看它是否有效。

另一个疑问，你为什么不使用 1px 而不是瘦！？

于 2012-04-11T17:56:29.810 回答