Internet explorer IE8&x2B;IE9-身体的背景图像不';如果没有满载,则没有';t显示
我有一个登陆页面,背景图片大小约880kB。 我使用以下规则设置背景: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标签上时,
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;
}