IE 9 tr边框不起作用

Question

如何在IE 9中为tr提供边框，我使用下面的代码来做到这一点，但它对IE 9不起作用

display: table;  
border: 1px solid silver; 
padding: 5px; 
margin-bottom: 5px; 
width: 980px;

Answer 1

请勿在tr。

上使用{display:table}

如果需要，可以使用outline，如下所示：

tr {outline:1px solid silver}

请参阅Fiddle

编辑：tr上的display:table不好的一个原因是它弄乱了表格布局本身。在this fiddle中，您可以看到具有错误样式的第二个表格格式不正确。 （在完全支持tr上的display:table的浏览器上，即。）

Answer 2

即不支持tr上的css 你可以使用这段代码来实现这个目标

CSS

table td
{
        border-top: 1px solid silver;
}
table
{
        border-collapse:collapse;
        border: 1px solid silver;
}

HTML

<table>
    <tr>
        <td>A</td>
        <td>B</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>
    </tr>
</table>