Question

我有一张桌子，在IE10中我看到一些破损的行边框。即使没有边框，你也会看到破碎的行矩形...

我简化了问题，这是源代码（参见IE10） - http://projects.ihtus.ca/test2/table/

这里发现的问题是屏幕截图：

screenshot1： enter image description here

screenshot2： enter image description here

这个IE10太奇怪了..

我的结果：如果我将doctype更改为

<!DOCTYPE html>

好吧。但是如何在不改变doctype的情况下解决它？

编辑：如果你放大（使用IE10） - 边框变得平滑，当回到100％时 - 问题又回来了。

Answer 1

如果您要使用XHTML doctype，必须确保您的代码有效。如果不这样做，将导致浏览器渲染故障。

您的代码存在很多错误 - 请参阅W3C Validator报告 - 因此您遇到一些问题就不足为奇了。

修复这些错误，您可能会发现它的效果更好。

如果将其切换为HTML5 doctype，很多错误都会消失，因为代码是有效的HTML5但不是有效的XHTML。

（HTML5文档类型下仍然存在一些错误，但更少，并且不太可能导致呈现错误，尽管您多次使用相同的ID，并且将导致问题，如果你试图在CSS或Javascript中使用这些ID）

Answer 2

在大多数情况下，此问题与您的样式代码/工作表有关，请检查您的样式表并确保您拥有：余量：0; 填充：0; 边界：0; 概要：0; 垂直对齐：顶部; 在任何需要的地方。

我建议您通过禁用reset.css文件来启动调试（如果有），否则检查上面提到的代码是否适用于主DIV和UL。

Answer 3

doctype是告诉IE使用什么渲染引擎的东西。当您声明旧的doctype时，您告诉IE使用较旧的呈现引擎，即IE7或IE8。既然你说更改doctype会修复它，那么可能是没有HTML5 doctype，IE10就会使用像7或8这样的渲染引擎。

因此，如果您无法更改doctype，可以添加此文件以强制IE使用浏览器可能的最新渲染引擎

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

我不知道它是否会解决您的问题，因为我没有IE10可以测试，但它值得一试。