在IE中的表格邊框（8,9＆10）沒有顯示

我有一張桌子，我想在行上有水平邊框，這個工作正常真正的瀏覽器但在IE中它只是不顯示，這是我的CSS和正在發生的事情的圖像。我怎樣才能解決這個問題？在IE中的表格邊框（8,9＆10）沒有顯示

截圖

enter image description here

CSS

.defaultTableStyle { 
    border-collapse: collapse; 
    text-align: left; 
    font-size: 12px; 
    width: 100%; 
} 

    .defaultTableStyle th { 
     background: #eee; 
    } 

    .defaultTableStyle th, .defaultTableStyle td { 
     border-top: 1px solid #ccc; 
     padding: 6px 8px; 
     position: relative; 
     text-align: left; 
     vertical-align: top; 
     white-space: nowrap; 
    }

HTML

<table class="defaultTableStyle" id="resultsTable"> 
     <tr> 
      <th></th> 
      <th>Date</th> 
      <th>Success Rate</th> 
      <th>Coverage</th> 
      <th>Duration</th> 
     </tr> 
      <tr style="" data-result-id="3362" data-successrate="100" data-coverage="2" class="resultDataContainer"> 
       <td><span class=""><i class="icon-ok"></i></span></td> 
       <td>27/02/2014 09:16:29</td> 
       <td>100%</td> 
       <td>2%</td> 
       <td>1 sec</td> 
      </tr> 
      <tr style="" data-result-id="3361" data-successrate="100" data-coverage="2" class="resultDataContainer"> 
       <td><span class=""><i class="icon-ok"></i></span></td> 
       <td>27/02/2014 09:15:28</td> 
       <td>100%</td> 
       <td>2%</td> 
       <td>1 sec</td> 
      </tr>

來源

2014-02-27 Chris

如果您將邊框應用於頂部*和*底部，仍然會這樣做嗎？ – Timmah

@Timmah我在底部有一個額外的邊框，但不是在所有的行上！ – Chris

你可以粘貼一些表格HTML嗎？ – Pattle

我建議刪除position:relative，這部分工作，因爲它沒有一個細胞，部分純IE-害怕做任何事情（它確實怪異與定位的東西）。

除此之外，嘗試Binita的答案。而不是兩個速記聲明，雖然嘗試：

border: 1px solid #ccc; 
border-width: 1px 0;

來源

2014-02-27 09:59:18

我確實嘗試過長手版本無濟於事......令人驚訝的是雖然它是'位置：相對;'擰東西了，謝謝！ – Chris

此外，您還應該在''行級應用邊框樣式，以避免每個單元重複，並且性能得到改進。 – hexalys

如果我沒有記錯，造型TR可能會有不穩定的結果。 –

應與添加邊框底部，以及與現有的CSS

.defaultTableStyle th, .defaultTableStyle td { 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    padding: 6px 8px; 
    position: relative; 
    text-align: left; 
    vertical-align: top; 
    white-space: nowrap; 
}

來源

2014-02-27 09:49:34

所以在這裏你去添加border-bottom:1px solid #ccc;到TD jsfiddle.net/HarishBoke/3fRub

來源

2014-02-27 10:00:50 Harish

對於我這樣的工作：

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

從here。

來源

2014-06-24 10:11:15 chris

檢查您的IE Zoom是否設置爲100％。當我注意到我正在進行80％變焦時，花費時間尋找解決方案。只有當我輸入這個答案時，我發現上面的註釋指向這個問題。

來源

2017-08-29 09:00:17 AndyZ

在IE中的表格邊框（8,9＆10）沒有顯示

回答

相關問題