为什么我的背景图片没有在IE中显示，但在其他浏览器中工作正常？

Question

IE版：最新

CSS＆amp; HTML：

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

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

我尝试过但失败的事情：

1. 声明之间没有空格。

2. 添加引号，单＆amp;双嘀嗒。

3. 将高度或宽度更改为100％。

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

5. 检查能见度＆amp;不透明度。

其他信息： 适用于Firefox，Chrome和＆amp ;;苹果浏览器。 动画切换到另一个背景后，具有确切的CSS，只是一个不同的ID名称，它工作正常。

如果您需要什么，请告诉我，谢谢！

Answer 1

首先尝试这个：

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

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

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

您应该尝试在网站上尽可能减少图片文件，因为这会极大地影响访问者体验。