0

我有一张桌子,在 IE10 中我看到一些行的边界被破坏。即使没有边框,您也会看到断行矩形...

我简化了这个问题,这里是来源(见 IE10) - http://projects.ihtus.ca/test2/table/

要在此处发现问题,请使用屏幕截图:

截图1: 在此处输入图像描述

截图2: 在此处输入图像描述

这个IE10好诡异。。

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

<!DOCTYPE html>

它的鞋子还可以。但是如何在不更改文档类型的情况下解决它?

编辑:如果您将放大(使用 IE10) - 边框变得平滑,当回到 100% 时 - 问题又回来了。

4

3 回答 3

1

如果您要使用 XHTML 文档类型,则必须确保您的代码有效。否则将导致浏览器呈现故障。

您的代码有很多错误——请参阅W3C 验证器报告——因此出现一些故障也就不足为奇了。

修复这些错误,您可能会发现它工作得更好一些。

如果将其切换为 HTML5 文档类型,很多错误就会消失,因为代码是有效的 HTML5,但不是有效的 XHTML。

(HTML5 文档类型下仍有一些错误,但更少,并且不太可能导致呈现错误,尽管您多次使用相同的 ID,如果您尝试在 CSS 或 Javascript 中使用这些 ID ,则会导致问题)

于 2013-09-05T19:35:46.517 回答
0

在大多数情况下,此问题与您的样式代码/表格有关,请检查您的样式表并确保您有:margin:0; 填充:0;边界:0;大纲:0;垂直对齐:顶部;任何需要的地方。

我建议您通过禁用 reset.css 文件(如果有)来开始调试,否则检查上述代码是否适用于主 DIV 和 UL。

于 2013-11-20T04:15:35.953 回答
0

doctype 告诉 IE 使用什么渲染引擎。当您声明旧的文档类型时,您是在告诉 IE 使用旧的渲染引擎,即 IE7 或 IE8。既然您说更改文档类型可以解决问题,那么可能是没有 HTML5 文档类型,IE10 使用的是 7 或 8 之类的渲染引擎。

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

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

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

于 2013-11-20T05:01:35.433 回答