css - 在 IE 8 及以下版本中拉伸(stretch)背景图像

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 将图像拉伸(stretch)到整个屏幕，而是图像保持居中并且不调整大小。

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

提前致谢。

Answer 1

好吧...经过一番折腾之后，这就是我想出来的:

第一:
图像的过滤器路径是相对于 html 文档的，而不是 css 文件。 令人沮丧

第二个:
我通过将过滤器应用于 html 而不是 body 来实现这一点。

我读到 IE 解决方法不适用于 html 但我注意到有(在我清除图像路径问题之后)拉伸(stretch)的免费图像，但它是落后于其他一切。