如何使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 });

};

});