IE7上不显示背景图片

Question

我的页脚有重复的背景图片。 它在现代浏览器中完美显示。 这是在Firefox上的外观。

但是当在Internet Explorer 7上查看时

这是我控制后台的代码。

的CSS

#footer {
  background: transparent url("/assets/img/template/wild_oliva_dark.png") repeat scroll 0% 0%;
}
#footer {
  text-align: left;
  background-position: center;
  background-color: #1a1a1a;
}

它不在媒体查询中。

如您所见，为了更好地与旧版浏览器兼容，我使用ID为#footer的<div>而不是使用<footer> 。 我正在使用modernizr 。

编辑：
在另一个成员的建议下，我添加了Selectivizr。 但是我可能实现错误，因为它没有成功测试。

编辑2：
页脚使用响应式粘性页脚样式。 不知道其中的某些类是否正在影响它。

<div id="footer" class="block">

block类具有以下内容：

.block { display: table-row; height: 1px; }

Answer 1

看起来您的背景速记顺序错误。

尝试

background: transparent url("/assets/img/template/wild_oliva_dark.png") repeat scroll 0% 0%;

Answer 2

您也可以将selectivizr用于CSS文件。

选择相似的现代化。

selectivizr是一个JavaScript实用程序，它可以在Internet Explorer 6-8中模拟CSS3伪类和属性选择器。 只需将脚本包含在页面中，其余的将由selectivizr完成。

。

使用selectivizr的分步指南

1下载selectivizr

将以下代码2插入标题中。

<script type="text/javascript" src="[JS library]"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="selectivizr.js"></script>
  <noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]--> 

3-现在可以使用css3

兼容性即6、7、8