html - 即 7 : border doesn't work as intended

Question

我已经定义了一个 html 表，我需要 CSS 在 IE 9 和 IE 7 中工作(有或没有 hack)。我的 CSS 描述如下:

.grid
{
border: 1px solid #C3C3C3;
background-color: #D5E0FF;
color: #555555;
font-size: 11px;
border-collapse: collapse;
clear: both;
float: left;
margin-top: -5px;
}

.grid td
{
border: 1px solid #C3C3C3;
*padding: 6px 5px 6px;

}

.grid_center_align
{
text-align: center;
}

.grid_data_lotes
{
width: 120px;
text-align: center;
}

.grid_header
{
background-color: #02325E;
color: #FFFFFF;
text-decoration: none;
}

.grid_header a
{
color: #FFFFFF;
text-decoration: none;
}

.grid_header a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

.grid_header th
{
border: 1px solid #111111;
}

“.grid_header th”类在 IE 7 中不能很好地工作，只有 THEAD 上的左边框以定义的颜色出现。有人知道解决方案吗？

提前致谢。

更新:

头部代码:

 <thead>
     <tr class="grid_header">
         <th scope="col">
             <a>Name</a>
        </th>
        <th scope="col">
             <a>Status</a>
        </th>
        <th scope="col">
        </th>
        <th scope="col">
        </th>
     </tr>
 </thead>

Answer 1

IE7 在 border-spacing 方面不是很好。它需要特别照顾。

在此特定示例中，如果您从表中删除 border 属性，它会按预期工作，只在第 th 处保留 border .这对你有用吗？