Question

我知道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

Answer 1

尝试在桌面上添加边框：

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

Answer 2

.tablewhite {
    border-left: 1px solid #A3A3A3; 
    border-right: 1px solid #A3A3A3;
    background: #CCC;
}

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

Answer 3

这样做：

body {
background-color: #cc0000;
}

.tablewhite{


border: 2px solid #000;
border-collapse: collapse;

}

tr {
    border-left: none !important;   
}

.left {
    border-left: none !important;   
}

.right {
    border-right: none !important;
}   

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



tbody {
    border: 2px solid #000;
}

表边框在IE中重叠

3 个答案: