我在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的解决方案,但都没有成功。
我该怎么解决?

最佳答案

试试这个

<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%;
}

关于html - ie8中的完整尺寸背景图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21275075/

10-13 02:33