在IE 8及以下版本中拉伸背景图像

Question

我想通过css加载图像,延伸到整个屏幕.css:

body {

    background: url(images/reelgoodguide2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    overflow: auto;
    margin: 0px;
    padding: 0px;

}

这在Chrome和Firefox以及IE9中完美运行.

如果浏览器是IE8或IE7,则html中有条件包含额外的css文件.这个css包含:

body{

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/reelgoodguide2.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/reelgoodguide2.jpg', sizingMethod='scale')";
}

但是,而不是alphaimageloader将图像拉伸到整个屏幕,图像保持居中,并且不会调整大小.

注意:当我打开开发人员工具时,我可以看到css文件在那里.当我禁用过滤器属性时,没有任何反应.我做错了什么提示？

提前致谢.

Answer 1

好的......经过一番艰苦的调整,这就是我想到的:

第一:
 图像的过滤路径是相对于html文档而不是css文件.泄气

第二:
  我通过应用过滤器来html代替它来实现这一点body.

我曾经读过IE的解决方法不适用,html但我注意到的是(在我清除了图像路径问题之后)有一个拉伸的bacground图像,但它落后于其他一切.