如何使背景图像在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中按比例扩展？

回答

相关问题