Html IE8兼容模式下的边框折叠问题

Html IE8兼容模式下的边框折叠问题,html,css,internet-explorer,internet-explorer-8,ie8-compatibility-mode,Html,Css,Internet Explorer,Internet Explorer 8,Ie8 Compatibility Mode,我需要显示第一行带下划线的表格 为此,我将设置边框折叠,并仅为第一行设置边框 它在IE 7和FF中工作良好。但在IE8(兼容模式)中,底部边界被打破 看到这个了吗 文本1 文本2 文本3 注意:我试过给予!DOCTYPE在我的HTML中如下所示。但是,在那个时候,页面本身并没有在IE8(兼容模式)中呈现。尽管如此,它在IE7和FF中仍然像预期的那样工作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

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

为此,我将设置边框折叠,并仅为第一行设置边框

它在IE 7和FF中工作良好。但在IE8(兼容模式)中,底部边界被打破

看到这个了吗


文本1
文本2
文本3
注意:我试过给予!DOCTYPE在我的HTML中如下所示。但是,在那个时候,页面本身并没有在IE8(兼容模式)中呈现。尽管如此,它在IE7和FF中仍然像预期的那样工作

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


而且,在IE8标准模式下,一切都很好

我看不出Firefox9、IE7和IE8中的表格有什么不同(只测试了这些浏览器)。您是否在标准模式下使用IE8?边框仅在IE8标准模式下为实心。在IE8上以IE7标准或quirks模式运行将打破单元结束/开始的边界

您可能想查看如何强制IE8在标准模式下运行,或者在IE开发者工具中点击IE8中的F12以检查当前模式


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

在母版页的DOCTYPE之后添加上面的标记对我来说很有用。。谢谢

是的,我使用带有兼容性视图的IE 8+谢谢你指出这一点。我会更新这个问题。顺便问一下,有没有一个解决方案可以在IE7、IE8标准和IE8兼容模式下工作?如果有,您将如何为IE8标准和IE8兼容模式提供css?最好、最快的解决方案是强制IE8以IE8标准模式查看您的网站。我知道这对你来说可能意味着很多工作,但这是一条路要走。另请参见,对于新网页,doctype从来都不是可选的。过渡doctype用于旧的、不推荐使用的标记。始终使用strict命令。它几乎与strict命令完全相同。您考虑的是怪癖模式(没有doctype)和标准模式(有doctype)。这是有区别的。@MrLister-Transitional用于验证程序,因此它不会标记不推荐使用的标记。新网页不应使用不推荐使用的标记。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />