我已经为此苦苦挣扎了一段时间，不明白为什么我在 IE7 中看到一个像素的背景(其他浏览器工作正常)。
这是一个简单的例子，在IE7中试试:
jsfiddle 链接:http://jsfiddle.net/PstEk/
<html>
<head>
<style>
.test {
border-width: 0px;
border-spacing: 0px;
border-style: outset;
border-color: red;
border-collapse: collapse;
background-color: blue;
}
.test th{
border-width: 0px;
padding: 0px;
border-style: none;
border-color: red;
background-color: #fff5ee;
}
.test td {
border-width: 0px;
padding: 0px;
border-style: none;
border-color: red;
background-color: #e1edf3;
}
</style>
<body>
<table class="test">
<tr>
<th>Test test</th>
<th>Test test</th>
<th>Test test</th>
<th>Test test</th>
<tr>
<tr>
<td>Test test</td>
<td>Test test</td>
<td>Test test</td>
<td >Test test </td>
<tr>
<tr>
<td>Test test</td>
<td>Test test</td>
<td>Test test</td>
<td>Test test</td>
<tr>
</table>
</body>
</html>
最佳答案
IE7 被空的 <tr> 搞糊涂了表中的元素。你是说 </tr>而不是 <tr> , 但你现在知道它的方式会导致 <tr>没有内容的元素要插入到表中。 IE7 显然给出空 <tr>元素高度为 1 像素。
关于html - 在 IE7 中的表格中显示背景的一个像素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9435770/