Question

无论我做什么，我都无法让background-image属性在IE8中正常工作我甚至将所有内容剥离到最低限度，只是有一个正常运行的HTML页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome to Fritz PT!</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="myClass">

    </div>      
</body>
</html>

使用类的CSS，如下所示：

.myClass {
    background-image: url(/images/header_image_fallback.gif);
    height: 300px;
    width: 300px;
}

但仍然没有出现在IE8及更低版本中。

我尝试了多种图片格式（.gif，.jpg，.png），在文件夹路径（＆＃39; / images / head_image_fallback.gif＆＃39;）周围加上引号，然后是HTML。 IE8不支持background-image属性吗？如果它有所作为我正在VirtualBox中测试它。

Answer 1

好的，如果其他人遇到与我相同的问题，我发现了问题。显然，即使语法适用于所有现代浏览器，您也需要确保IE的文件夹路径具有../。所以在我的原始代码（在现代浏览器中工作）我有如上所示的文件夹路径/images/header_image_fallback.gif但是，对于IE我需要这样做../images/header_image_fallback.gif。我的图像文件夹是我的css文件中的一个目录，我认为这对于IE而言比现代浏览器更重要

CSS＆＃34;背景图像＆＃34;未显示在IE8及以下

1 个答案: