Html h2中的Img未在Internet Explorer中排队

Html h2中的Img未在Internet Explorer中排队,html,internet-explorer,Html,Internet Explorer,我现在正在设计我的个人网站,希望在h2标题中有相同的图片。我目前使用的标记验证了css,并且在Firefox、Chrome、Safari和IE8上以标准模式显示了所需的效果 IE8处于兼容模式,而IE6+7将图像放在下一行,当然这看起来很糟糕。我不太确定如何解决这个问题,目前我陷入困境。帮助和解释,可能是一个指针,我可以教育自己更多关于这些特殊的事情与IE将不胜感激 您可以在此处实时查看代码:不要将标记用于您试图执行的操作。虽然它们是图像,但它们不是标记的目的。标签用于显示页面上的内容图像。在您

我现在正在设计我的个人网站,希望在h2标题中有相同的图片。我目前使用的标记验证了css,并且在Firefox、Chrome、Safari和IE8上以标准模式显示了所需的效果

IE8处于兼容模式,而IE6+7将图像放在下一行,当然这看起来很糟糕。我不太确定如何解决这个问题,目前我陷入困境。帮助和解释,可能是一个指针,我可以教育自己更多关于这些特殊的事情与IE将不胜感激

您可以在此处实时查看代码:

不要将
标记用于您试图执行的操作。虽然它们是图像,但它们不是
标记的目的。标签用于显示页面上的内容图像。在您的情况下,图像是页面的风格元素,因此属于CSS,即作为背景图像

将图像作为背景图像放在CSS中也可以缓解IE的担忧:

h2#weblog{background:url(images/weblog.png)right no repeat}

作为一个可以让你了解IE头痛问题的资源,我发现它很好地概述了IE中涉及的问题,并对如何解决这些问题提供了一些见解。

不要使用
标签来描述你正在尝试做的事情。虽然它们是图像,但它们不是
标记的目的。标签用于显示页面上的内容图像。在您的情况下,图像是页面的风格元素,因此属于CSS,即作为背景图像

将图像作为背景图像放在CSS中也可以缓解IE的担忧:

h2#weblog{background:url(images/weblog.png)right no repeat}


就让您了解IE头痛问题的资源而言,我发现它很好地概述了IE中涉及的问题,并对如何解决这些问题提供了一些见解。

标题标记中不应包含任何其他标记。只需给它一个背景图像,就像他建议的那样,标题标签中不应该有任何其他标签。就像他建议的那样给它一个背景图像