我试图用图像填充父项<div>
,同时完全忽略比例。我知道它在某些方面看起来很丑,我只想看看在这一点上是否可能。正如你所看到的,图像缩放,而不是延伸到我的需求(铬):http://jsfiddle.net/qdzaw/61/用图像填充div(忽略比例)
不幸的是,我可以在网上找到的是如何做到这一点,同时保持比例:/
<img class="someimage" src="imgsrc" />
$(window).resize(function() {
$(".someimage").height($(".someimage").parent().height());
$(".someimage").width($(".someimage").parent().width());
});
它在Firefox中正常工作,div完全由图像填充。 – Dyn
如果你的容器已经定义了宽度和高度,设置'$(“。someimage”).css({width:'100%',height:'100%'});'应该这样做http://jsfiddle.net/qdzaw/62/ –
如果IE支持不是问题,那么'background-size:contains'就可以做到这一点。 – RayViljoen