Html ie8中的全尺寸背景图像

我在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的解决方案，但没有一个有效

---

我该如何解决这个问题？

我认为通用标签应该放在浏览器特定标签之后：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;

而且：

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

---

希望这能奏效。

我认为通用标签应该放在浏览器特定标签之后：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;

而且：

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

希望能奏效。

试试这个

<div id="bg">
  <img src="images/bg.jpg" alt="">
</div>

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

#背景{
位置：固定；
前-50%；
左-50%；
宽度：200%；
身高：200%；
}
#bg-img{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
最小宽度：50%；
最小高度：50%；
}

试试这个

<div id="bg">
  <img src="images/bg.jpg" alt="">
</div>

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

#背景{
位置：固定；
前-50%；
左-50%；
宽度：200%；
身高：200%；
}
#bg-img{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
最小宽度：50%；
最小高度：50%；
}

我知道这已经晚了，但这个答案可能会帮助其他人：

下载并将其放入您的项目中

现在只需在css中添加以下行：

.class_name{
    //your other properties
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
}

注意：根据项目设置使用

url

。

---

享受这个简单的解决方案：）

我知道现在已经晚了，但这个答案可能会帮助其他人：

下载并将其放入您的项目中

现在只需在css中添加以下行：

.class_name{
    //your other properties
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
}

注意：根据项目设置使用

url

。

---

享受这个简单的解决方案：）

我做了一个Sass混音，如果这对任何人都有帮助：

@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');

---

如果这对任何人都有帮助的话，我会大发雷霆：

@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');

---

您可能需要清除浏览器的缓存，然后刷新。您是否尝试过这种技术？是的，我尝试过所有的技术，它与img标记（“仅CSS技术#1”），但是有可能通过body标签中的背景图像实现吗？你可能需要清除浏览器的缓存，然后刷新。你尝试过这种技术吗？是的，我尝试过所有这些技术，它与img标签一起工作（“仅CSS技术1”），但是通过body tag中的背景图像可以吗？是的，它工作了，但我需要在body tag中使用背景图像的解决方案，不是吗？是的，但它只在IE8+中工作，这只是一个调整，使它在IE的旧版本中工作。在其他浏览器中，是背景大小工作。我正在ie8中找到解决方案。但在你的解决方案中，我的其他图像被隐藏。你的解决方案有效，但我需要在body tag中使用背景图像的解决方案，不是吗？是的，但它只在ie8+中有效，这只是一个调整，使其在IE的旧版本中有效。你在其他浏览器中的背景大小有效。我正在ie8中寻找解决方案。但在你的解决方案中，我的其他图像被隐藏了。