IE 8& IE 9 html / CSS渲染问题

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

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

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

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

enter image description here

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

如果您转到下面的网址,则可以看到实际网站: http://server1.todaysinternet.net/~kingdoms/index.php?option=com_jreviews&url=tag/listingcategories/appliances-_m166&Itemid=226#

1 个答案:

答案 0 :(得分:4)

在尝试调试之前始终validate

  

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

     

结果:234个错误,2个警告

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

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