Question

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

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

这些图片是否有任何问题或这是IE8中的问题。

Answer 1

使用背景的速记属性可能会导致问题。如果您没有指定任何其他值，请使用background-image: url('path');。

如果您使用速记属性，请至少使用以下内容：

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

Answer 2

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

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>

IE背景中的CSS背景无法正常工作

3 个答案: