2013-01-19 63 views
0

我试图用图像填充父项<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()); 
}); 
+0

它在Firefox中正常工作,div完全由图像填充。 – Dyn

+0

如果你的容器已经定义了宽度和高度,设置'$(“。someimage”).css({width:'100%',height:'100%'});'应该这样做http://jsfiddle.net/qdzaw/62/ –

+1

如果IE支持不是问题,那么'background-size:contains'就可以做到这一点。 – RayViljoen

回答

0
div { 
    position:relative; 
} 
div img { 
    position:absolute; 
    top:0; left:0; right:0; bottom:0; 
}