如何使背景圖像在IE 8中按比例擴展？

我有與背景圖像一個div，包裹內，例如：如何使背景圖像在IE 8中按比例擴展？

<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方法工作有點 - 它拉伸圖像長度明智但不是按比例高度明智的，像背景尺寸：蓋確實。

有誰知道在IE中按比例拉伸背景圖像的方法（所以垂直溢出被#imageholder隱藏）？

來源

2013-12-11 MeltingDog

可能沒有辦法按比例縮放圖像，除了增加圖像保持器的尺寸。在這裏，您可以將imageHolder的高度設置爲與過濾器中引用的圖像成正比的百分比。

來源

2013-12-11 06:21:12 KunJ

嘗試將圖像高度自動或以百分比。

來源

2013-12-11 06:24:50 dsfg

謝謝，但我不希望圖像覆蓋屏幕只是爲了覆蓋500像素×100％DIV箱，這樣，如果超過500像素在高度它將被裁剪 – MeltingDog

嘗試這一個 http://codepen.io/anon/pen/xvhap – dsfg

我做了一個在JQuery中做到這一點的方法。它不是我的正確方法和不喜歡它，但它可以幫助別人：

$(window).resize(function() { 

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

var windowsize = windowwidth - 500; 

var windowsize = windowsize + "px"; 

if(windowwidth > 1100){ 

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

}; 

});

來源

2013-12-11 06:42:11 MeltingDog

如何使背景圖像在IE 8中按比例擴展？

回答

相關問題