为什么我的背景图片会显示在Chrome中而不会显示在IE中？

Question

我有一个背景图像设置到我的主div。背景图片在Chrome中显示正常，但在IE中根本不显示。关于会导致这种情况的任何想法？

<div class="container" style="height:900px; margin-top:0px; background-image:url(Images/bg-stadiuminner.jpg); background-repeat:no-repeat;;"> 

由于

Answer 1

我能想到的唯一可能是因为JPEG文件是CMYK格式而不是JPG格式。 IE无法消化CMYK图像。

我认为布局问题可能更有可能。您是否100％确定DIV正在伸展到您希望伸展的位置？如果您设置背景颜色会发生什么？

Answer 2

一些想法：

1. 您应该选择样式表，而不是将样式嵌入到div中。
2. 您的背景可能没有显示，因为您从未使用<div>正确关闭</div>。你的风格尽头也有一个不需要的分号，但这可能不会破坏任何东西。

Answer 3

.container {
    height:900px; 
    margin-top:0px;
    background:url(images/bg-stadiuminner.jpg) no-repeat;
}

<div class="container">

</div> 

这是一种更好的方法 - 尝试使用类而不是内联样式，以便更轻松地维护代码。

你还有一个双人;;这可能很好地混淆了IE。

Answer 4

这两个浏览器的相对网址是否可用？尝试在IE中插入您的图像的网址，看看您是否甚至可以从尝试的网址加载图片。

Answer 5

你不需要那个网址引用吗？

style="background-image:url('paper.gif');"

Answer 6

您正在使用内联样式并使用类'容器'。在内联代码中没有问题，除了';;'在行尾。我们无法看到容器类中有什么。问题可能出在容器类

中