css - 为 IE8 修复背景大小 100%？

Question

我有以下 CSS 来获取背景图像以在一个部分内 100% 拉伸(stretch)。

.sectionclass {
  background: url('../img/bg.png') 50% 0 no-repeat fixed;
  background-size:100%;
  width: 100%;
  position: relative;
  line-height: 2;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg.png', sizingMethod='scale');
}

它在最新版本的 IE 中运行良好，但当我查看 IE7 或 IE8 时，背景不会全宽。解决这个问题最简单的方法是什么？

Answer 1

与 CSS 中所有其他相对于样式表所在目录的 url() 路径不同，src 路径相对于样式表所在的页面用过。

例如，如果您的页面位于根目录中，而您的样式表位于 img 目录旁边的自己的目录中(因此需要 ..)，您需要更改 src 使其相对于根目录，如下所示:

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg.png', sizingMethod='scale')