html - IE 表格单元格边框错误与 colspan 设置

标签 html css

我有以下示例表:

<table>
    <thead>
        <tr>
            <th>t1</th>
            <th>t2</th>
            <th>t3</th>
            <th>t4</th>
            <th>t5</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan="5">Colspan=5 here</td>
        </tr>
    </tbody>
</table>

这是简单的 CSS 代码:

table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    border: 1px solid #000;
}

奇怪的是第一个th消失后的底部边框,这是一个屏幕截图:

IE cell border bug

当我切换到另一个窗口并切换回 IE 时,表格刷新正常。为了方便,我创建了一个jsFiddle:http://jsfiddle.net/hulufei/3dxt2/9/

此效果 IE10、9、8。IE 中的此错误是否有修复?

最佳答案

更改样式代码,因为这似乎可以解决问题:

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top:1px solid #000;
    border-left:1px solid #000;
}
th, td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

关于html - IE 表格单元格边框错误与 colspan 设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19706555/

相关文章:

html - 如何在此跨度内垂直居中文本

javascript - 为什么在我的 Android 上滑动 View 时 JQuery 偏移会发生变化?

jquery - 验证后输入图标消失

html - 如何从空标题中删除空间

css - 容器限制个别边距wordpress

javascript - 我是否正确编写了这些 HTML img 标签?

html - 在 Bootstrap 中进行自定义更改的正确方法?

javascript - 使用 jQuery 在滚动条上重新定位元素

html - 在悬停过渡时创建 css3 模糊

css - 在 HTML 表格标题单元格内垂直旋转文本