CSS背景在IE8中不能正常工作

Question

我有8个html div的。我已经设置了不同图像的所有div的背景，所有显示正常，除了2个div的IE8和默认的安卓浏览器。如果我为这两个div的背景设置任何其他图像，它们也会起作用。但是如果重命名这两个图像并设置它们，它们将不起作用。我很困惑。下面是代码

     #tabs-8{
        background: url(../images/banner/290/open-house.jpg);
      }
      #tabs-6 {
        background: url(../images/banner/290/our-trainers.jpg);
      }

这些图像有什么问题吗?或者这是IE8中的问题。

Answer 1

我发现了这个问题:)你的图片不能加载到IE8上。如果您在IE8的地址栏中输入此链接http://115.115.80.139/images/banner/290/our-trainers.jpg，则看不到图像。我认为问题出在服务器或镜像上。尝试使用其他名称重新保存镜像或将其上传到其他主机

Answer 2

使用速记属性作为背景可能会导致问题。因此，如果没有指定任何其他值，只需使用background-image: url('path');即可。

如果您使用速记属性，请至少像这样使用：

background: url('path') no-repeat;

Answer 3

是的，您需要使用background-image: url属性来调用图像。

<div style="background-image: url(../images/test-background.gif); height: 200px; width: 400px; border: 1px solid black;">Example of a DIV element with a background image:</div>