为什么我的背景图片在 IE 中不显示，但在其他所有浏览器中都能正常显示？

Question

IE 版本：最新

CSS & HTML:

#mainbackground {
    background-image: url(../images/mainbackground.jpg);
    width:300px;
    height: 250px;
}

  <div id="mainbackground"></div>

我尝试过但失败的事情：

1. 声明之间没有空格。

2. 添加引号、单引号和双引号。

3. 正在将高度或宽度更改为 100%。

4. 检查区分大小写。一切都是小写。

5. 检查可见性和不透明度。

其他信息： 在 Firefox、Chrome 和 Safari 中完美运行。 动画在这个背景之后切换到另一个背景，确切的 CSS，只是一个不同的 ID 名称，它工作正常。

如有需要请联系我，谢谢！

Answer 1

先试试这个：

background-image: url('../images/mainbackground.jpg');

如果它不起作用...可能是 jpg 文件有问题。 IE8 无法呈现它们。也许您使用的是 JPEG2000 格式？

尝试在 GIMP 或 PhotoFiltre 等编辑器中加载图片并重新保存（使用另存为）。

您应该尽量使站点上的图像文件尽可能小，因为这会在很大程度上影响访问者的体验。