html - h2 的 IE8 渲染问题

Question

在我正在处理的网站上，我遇到了无法解决的渲染问题。

我已经尝试使用边距、定位、z-index 等来消除它，但没有任何帮助。

它只出现在 IE8 中(在 Windows XP 下，不知道是否也出现在较新的操作系统上)。我知道 IE8 有点过时了，但由于页面的其余部分显示正常，我也想支持它，因为我的一些访问者可能已经安装了它。

如果您查看页面，您可以在使用 IE8 时非常快速地确定问题: http://kunden.tommy-computer.at/fsv_noetsch/

这是现代浏览器(如 FF/Chrome/Opera/IE>8)中菜单标题的样子:

这是它们在 IE8 中的样子(错误):

我怎样才能摆脱它。请帮忙，无法弄清楚为什么会这样。非常感谢!

Answer 1

您正在使用新的 html 文档类型，我注意到您还使用了至少一个 html 5 元素 article。 IE 8 无法识别该元素或与 html 5 相关的任何内容。您需要使用 javascript 通过使用名为 html5shiv 的脚本来修复 IE。 .

这将做的是通知 IE 新元素，以便对它们进行样式设置。