javascript - 用图像填充div(忽略比例)

我试图用图像填充父<div>，而完全忽略比例。我知道在某些方面看起来很难看，我只想看看在这一点上是否可行。如您所见，图像正在缩放，而不是满足我的要求（Chrome）：http://jsfiddle.net/qdzaw/61/

不幸的是，我只能在网上找到维持比例的方法：/

<img class="someimage" src="imgsrc" />

$(window).resize(function() {
    $(".someimage").height($(".someimage").parent().height());
    $(".someimage").width($(".someimage").parent().width());
});

最佳答案

我想我在这篇文章中找到了您的答案：Stretch and scale a CSS image in the background - with CSS only

使用父div元素和此样式表：

div {
    width: 100%;
    height: 100%;
}

img {
    width:100%;
    height:100%;
}