Internet explorer IE8&x2B;IE9-身体的背景图像不';如果没有满载,则没有';t显示

Internet explorer IE8&x2B;IE9-身体的背景图像不';如果没有满载,则没有';t显示,internet-explorer,internet-explorer-8,internet-explorer-9,background-image,Internet Explorer,Internet Explorer 8,Internet Explorer 9,Background Image,我有一个登陆页面,背景图片大小约880kB。 我使用以下规则设置背景: background: #fff url(bg1.png) no-repeat left top; 问题是,在IE8和IE9中,我看不到背景。它似乎没有完全下载图像。使用IE9上的网络探查器,甚至Fiddler,我发现加载这个特定映像时出现问题。 此外,如果我打开一个新选项卡,直接导航到图像,从而加载它,然后刷新登录页-背景图像出现!真烦人。。。。。。。。。 我想这是IE缓存机制的问题吧? 当我把它放在一个img标签上时,

我有一个登陆页面,背景图片大小约880kB。 我使用以下规则设置背景:

background: #fff url(bg1.png) no-repeat left top;
问题是,在IE8和IE9中,我看不到背景。它似乎没有完全下载图像。使用IE9上的网络探查器,甚至Fiddler,我发现加载这个特定映像时出现问题。 此外,如果我打开一个新选项卡,直接导航到图像,从而加载它,然后刷新登录页-背景图像出现!真烦人。。。。。。。。。 我想这是IE缓存机制的问题吧? 当我把它放在一个img标签上时,也会发生同样的事情。仅占用空间,但未显示

编辑: 经进一步分析,我可以指出以下几点: 1.在fiddler中,我看到请求已发出,并以代码200完成,但由于某种原因被IE中止。 2.这是随机的。如果我在没有缓存的情况下保持刷新,它有时会显示图像,有时则不会显示


帮助?

根据您提供的信息,我看不出您所做的有任何错误,当然前提是bg1.png的路径是正确的。图像是否确实与源代码位于同一目录中

无论如何,使用CSS重置是一种很好的做法,可以解决您的问题:

您还可以在源代码中以IE为目标,强制它将单独的样式表加载到其他浏览器

在您的源代码中:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="css/all_ie_only.css" />
<![endif]-->

这不是问题所在。将图像替换为2kb图像可以正常工作。这意味着语法已经足够好了。@user2391025好的,那么我们将提供更多信息。源代码。CSS。一个指向jsfiddler的链接,显然我不知道如何在这里换行。干得好。图像本身可能有某种IE不喜欢的腐败。我建议在图像编辑器中打开它并重新保存。如果这是问题所在,那么这样做可能会有所帮助。
body {
 background-image: url('bg1.png');
 background-repeat: no-repeat;
 background-position: left top;
}