IE8表格消失边框顶部答案

【问题标题】：IE8 table disappearing border-topIE8表格消失边框顶部
【发布时间】：2016-10-17 15:55:01
【问题描述】：

您好，我有一个边框顶部设置为 2 像素的表格。这适用于除 IE8 之外的所有浏览器。 CSS：

<style type="text/css">
.mytable {
    border-collapse: collapse;
    border: 0;
    border-top: 2px solid #43848C;
    width: 300px;
    margin:0 2em 1em;
    border-bottom: 1px solid #72afb6;
}
    .mytable tr {
        border-color: #72afb6;
        border-width: 1px 0;
        border-style: solid;
    }
        .mytable td {
            margin: 0; 
            padding: 8px 10px 7px 10px;
            border: 0 solid transparent;
            border-bottom: 1px solid #72afb6;
            vertical-align: middle;
            width: auto;        
        }
        .mytable .th {
            background-color: #f0f7f5;
            color: #42828b;
            font-weight: bold;
            font-variant: normal;
            font-size: 14px;
            vertical-align:top;
        }
</style>

HTML：

<table class="mytable">
  <tbody>
    <tr>
      <td class="th">Heading 1</td>
      <td class="th">Heading 2</td>
    </tr>
    <tr>
      <td>Lorem ipsum</td>
      <td>Lorem ipsum</td>
    </tr>
    <tr>
      <td>Lorem ipsum</td>
      <td>Lorem ipsum</td>
    </tr>
    <tr>
      <td>Lorem ipsum</td>
      <td>Lorem ipsum</td>
    </tr>
    <tr>
      <td>Lorem ipsum</td>
      <td>Lorem ipsum</td>
    </tr>
    <tr>
      <td>Lorem ipsum</td>
      <td>Lorem ipsum</td>
    </tr>
  </tbody>
</table>

谢谢！德文

【问题讨论】：

那么您是完全没有边框，还是有边框但样式不正确（即颜色错误、宽度错误等）？

标签： html css internet-explorer-8 html-table

【解决方案1】：

您提供的代码适用于我：http://jsbin.com/alaba/

一定是其他地方有问题... :(

【讨论】：