如何使IE 8中的背景图像按比例扩大？

Question

我有一个带有背景图像的div，在这样的包装内：

<div id="imageholder">
  <div id="image">
  </div>
</div>

#imageholder {
width: 100%;
height: 500px;
overflow: hidden;
}

#image {
width: 100%;
height: 100%;
background-image: url(image.jpg);
background-size: cover;
/*IE HACK*/
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.jpg', sizingMethod='scale'); 
}

过滤器IE方法有些起作用-像background-size：cover一样，它在长度方向上拉伸图像，但在高度方向上不按比例拉伸。

有谁知道一种在IE中按比例拉伸背景图像的方法（因此#imageholder隐藏了垂直溢出）？

Answer 1

可能没有办法按比例缩放图像，除非增加图像支架的尺寸。 在这里，您可以将imageHolder的高度设置为与过滤器中引用的图像成比例的百分比。

Answer 2

尝试将图像支架的高度设为自动或百分比。

Answer 3

我在JQuery中做到了这一点。 这不是正确的方法，我不喜欢它，但它可能会帮助某人：

$(window).resize(function() {

var windowwidth = $(window).width();

var windowsize = windowwidth - 500;

var windowsize = windowsize + "px";

if(windowwidth > 1100){

      $('#image').css({ height: windowsize });

};

});