Question

我已经定义了一个html表，我需要css在IE 9和IE 7中都有效（有或没有黑客攻击）。我的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属性，只会将border留在th上，它会按预期工作。这对你有用吗？

IE 7：边框无法按预期工作

1 个答案: