javascript - 画像で div を埋める (比率を無視する)

Question

<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());  
});

Answer 1

私はこの投稿であなたの答えを見つけると思います:バックグラウンドで CSS 画像をストレッチしてスケーリングする - CSS のみを使用する

親 div 要素とこのスタイルシートを使用します。

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

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

Answer 2

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