Question

我需要显示第一行带下划线的表格。

为此，我正在设置边框折叠并仅为第一行设置边框。

它在IE 7和FF中运行良好。但在IE 8（兼容模式）中，底部边框已断开。

请参阅此fiddle

<table style = "border-collapse:collapse;" width="90%" 
    cellpadding="1" cellspacing="1">

<tbody>
<tr>

<th align="left" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text1</th>
<th align="right" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text2</th>
<th align="right" style="border-top:0px; border-left:0px; border-right:0px; 
    border-bottom:1px solid #838584;">Text3</th>

</tr>
</tbody>
</table>

注意：我尝试在我的HTML中提供！DOCTYPE如下所示。但是，那时，页面本身没有在IE 8（兼容模式）中呈现。仍然在IE7和FF中按预期工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

此外，在IE 8标准模式下，一切正常

Answer 1

我看不出Firefox 9，IE7和IE8中的表格之间存在任何差异（仅测试了这些浏览器）。你在标准模式下使用IE8吗？边框仅在IE8标准模式下稳定。在IE8上以IE7标准或怪异模式运行将打破单元格结束/开始的边界。

您可能需要查看this post有关如何强制IE8在标准模式下运行或在IE8中点击F12以检查IE开发人员工具中的当前模式

Answer 2

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

在母版页的DOCTYPE之后添加上面的标签为我工作..谢谢

IE 8兼容模式下的边界崩溃问题

2 个答案: