html - IE 9 tr 边框不起作用

Question

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

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

Answer 1

不要{display:table}在 tr 上使用。

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

tr {outline:1px solid silver}

见小提琴

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

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>