邊框未出現在 IE9 和 IE10 中

Question

我遇到了表格邊框顯示不正確的問題。 下面是一個重新創建問題的小提琴。

這個Fiddle在 FF 和 Chrome 中產生了預期的結果，但在 IE9 和 IE10 中沒有。

只有正在應用的 css 是邊框折疊：折疊和

td{
   border:1px solid;
}

第二個表格行應該在整個底部有一個邊框，但是第二個表格單元格上缺少邊框。 可以在這張圖片中看到。

一旦表格的一部分被突出顯示，這個問題就會消失，但預期的結果是首先應該有邊框。 有時必須更新小提琴才能出現問題。

這是已知的 IE 問題還是必須應用更多樣式？

Answer 1

我遇到了類似的問題，上面的解決方案對我有用，但稍有改動。 （我使用了素面）

以下代碼有效

.ui-datatable tbody>tr>td {
    border-top: 1.1px solid; 
}

以下代碼不起作用

.ui-datatable tbody>tr>td {
    border-top: 1px solid; 
}

Answer 2

我能找到的最佳解決方案：

table{border-top:1px solid #000;}
tr{border-left:1px solid #000;border-bottom:1px solid #000;}
td{border-right:1px solid #000;}

示例在這里

在 IE9 和 IE10 中均已簽入

Answer 3

由於這是由border-collapse: collapse引起的，因此也可以通過手動將邊框放置在正確的位置並使用border-collapse: separate 。

table { 
    border-collapse: separate;
    border-spacing: 0;
}

td {
    border-bottom:1px solid;
    border-right:1px solid;
}

tr > td:first-child {
    border-left: 1px solid;
}

table tr:first-child td {
    border-top: 1px solid;
}

這在 IE7 及以下版本中不起作用，因為它們既不支持border-spacing也不支持:first-child 。

Answer 4

對我來說這有效：

<table cellspacing="0" and cellpadding="0"> ... </table>

Answer 5

我發現使用position: static; 在th / td運行良好。

table {
    border-collapse: collapse;
    border: none;
}
tr {
    border: none;
}
th, td {
    position: static;
    border: 1px solid #000;
}