html - ie8中的全尺寸背景图片

Question

我在 css 中使用了这个属性，但它在 IE8 中不起作用

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

body {
    background-image:url(../../images/bg.jpg);
    background-repeat:no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }

我在 stackoverflow 上找到了很多解决方案，但没有一个有效。

我该如何解决这个问题？

Answer 1

如果这对任何人有帮助，我做了一个 Sass Mixin:

@mixin background-cover($cover-image){
  background: url($cover-image) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='#{$cover-image}', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='#{$cover-image}', sizingMethod='scale');
}

使用调用

@include background-cover('/images/foo.png');