修复IE8的背景大小100%？

Question

我有以下css来获取背景图像在一个部分内伸展100%.

.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

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

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

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