html - IE 8＆amp; IE 9 html / CSS渲染问题

时间：2011-04-11 04:26:41

标签： html css xhtml internet-explorer-8 internet-explorer-9

我遇到的问题只出现在IE 8＆amp; 9.由于某种原因，div标签的背景图像重复，部分内容流向下一行的复制图像。 Chrome，Safari，FireFox或旧版IE中不会出现此问题。

下面的屏幕截图显示了它看起来正确的方式，它取自FireFox 3.6：

enter image description here

现在，如果您查看以下从IE8页面截取的屏幕截图，您可以看到我遇到的问题。问题从您看到名为Anchor的图像的行开始。请注意，背景图像重复一行，部分内容转到它。 enter image description here

答案 0 :(得分：4)

在尝试调试之前始终validate：

将此文档作为XHTML 1.0 Transitional检查时发现错误！

结果：234个错误，2个警告

只是快速浏览一下，您错误地使用了id属性，它们应该是唯一的，并且您将相同的属性应用于多个元素。您还有几个未正确关闭的标签。

看起来对你好的浏览器只是宽容，而IE不是。我建议您在进一步完成设计之前确保您的页面有效。一旦你的html有效，你就可以更容易地调试，并且可能会看到问题消失。