在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）没有显示

回答

相关问题