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

【问题标题】：Why would my background image show up in Chrome but not in IE?为什么我的背景图片会显示在 Chrome 中而不显示在 IE 中？
【发布时间】：2010-09-11 00:18:55
【问题描述】：

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

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

谢谢

【问题讨论】：

标签： html css

【解决方案1】：

我能想到的唯一可能导致此问题的原因是 JPEG 文件是 CMYK 格式而不是 JPG。 IE 无法消化 CMYK 图像。

不过，我认为布局问题的可能性更大。您是否 100% 确定 DIV 正在伸展到您期望它伸展的位置？如果您设置背景颜色，会发生什么？

【讨论】：

【解决方案2】：

一些想法：

【讨论】：

【解决方案3】：

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

<div class="container">

</div>

这将是一种更好的方法 - 尽可能使用类而不是内联样式，以使维护代码更加容易。

你也有一个双;;这很可能会混淆 IE。

【讨论】：

【解决方案4】：

两个浏览器都可以使用相对 url 吗？尝试在 IE 中插入图像的 url，看看是否可以从尝试的 url 加载图像。

【讨论】：

【解决方案5】：

您不需要在该网址周围加上引号吗？

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

【讨论】：

【解决方案6】：

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

【讨论】：