css - IE 中的表格边框重叠

标签 css internet-explorer firefox google-chrome

我知道 IE 不会将 css 样式应用于表格行,因此我不得不采取一种变通方法,即为每个单元格添加样式。现在我的问题是,在 Firefox/Chrome 中,外边框显示完美;但在 IE 中,它与单元格的底部边框有间隙。这就是差异的样子http://i.stack.imgur.com/9rg8S.jpg我无法更改链接样式表的内容,也无法弄清楚他们在这里想说什么 CSS Table cell border overlapping table border

链接样式表 (style.css) 内容:

body {
background-color: #cc0000;
}

.tablewhite{

border-collapse: collapse;
}

.tablewhite td{
background-color: #cc0000;;
color: #000;
font-weight: 10px;
border: 1px solid #fff;
padding-left: 2psx;
padding-right: 4px;
border-spacing: 0px;
}

HTML 页面:http://pastebin.com/2mZYDx1n

最佳答案

尝试在表格上添加边框:

.tablewhite{
    border: 2px solid black;
    border-collapse: collapse;
}

关于css - IE 中的表格边框重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5241708/

相关文章:

jquery - 在 Internet Explorer 中,图像通常显示得非常小,并且在第一次加载时向左对齐

javascript - 如何检测剪贴板是否可以在 Firefox 中访问?

c - 使用 MiniZip 库读取omni.jar 存档文件

firefox - 如何为所有属性指定 CSS3 过渡,但有一个异常(exception)/覆盖?

html - WP即footer不在底部

jquery - 提交表单后切换提交按钮?

html - 如果某些行值在 Angularjs 中不可用,我如何求和列值的总和?

html - div 元素的 100% 高度介于 2 个静态高度之间

javascript - 为什么 if (element.innerHTML == "") 在 Firefox 中不起作用

html - 文本缩进在 safari firefox 中不起作用