Css IE中的表格边框重叠

Css IE中的表格边框重叠,css,internet-explorer,firefox,google-chrome,Css,Internet Explorer,Firefox,Google Chrome,我知道IE并没有将css样式应用于表格行,所以我不得不在每个单元格中添加样式。现在我的问题是,在Firefox/Chrome中,外部边框显示得非常完美;但在IE中,它与单元格的底部边界有间隙。这就是区别所在,我无法更改链接样式表的内容,也无法理解他们在这里想说什么 链接样式表(style.css)内容: body { background-color: #cc0000; } .tablewhite{ border-collapse: collapse; } .tablewhite td{

我知道IE并没有将css样式应用于表格行,所以我不得不在每个单元格中添加样式。现在我的问题是,在Firefox/Chrome中,外部边框显示得非常完美;但在IE中,它与单元格的底部边界有间隙。这就是区别所在,我无法更改链接样式表的内容,也无法理解他们在这里想说什么

链接样式表(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页面:

尝试在表中添加边框:

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

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;
}

试着这样做,并根据Firefox中白色边框与黑色边框重叠的情况更改颜色。我希望黑色边框位于白色边框之上,就像在Firefox图像中一样。此外,问题是我无法修改.tablewhite css,因为它也在其他一些文件中使用。在某些情况下,边框仅应用于几行以标记它们,而不是整个表格,这就是我使用行css的原因。如果您保持css的其余部分不变,并添加“border:2px solid black;”,如上所述,在IE 8上,边界对我来说很好。。如果您得到不同的结果,请告诉我。这是可行的,但有时我不想将边框应用于整个表-只有像这里这样的一些行,我无法对表使用边框样式。在您的pastebin.com/2yFc2jPx示例中,“.newtable td{border:1px solid white;}”代码的意义是什么?在IE&OtherBrowser中删除那个些使桌子看起来很漂亮的多余的东西,我只是在用它测试一些东西。但即使没有它,我在IE中也一样。Chrome/Firefox完美地显示页面,但在IE中,白色边框显示在黑色上方。我在IE9中对此进行了测试,这可能就是问题所在。也许我需要买IE 8。谢谢!我认为这是IE9的问题
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;
}