ストレッチCSSの背景画像

Question

おそらく、珍しい - 私はCSSの背景画像を伸ばして、全体のdivをカバーすることを望んでいます。私は画像が切り取られることを望んでいません（私が現在持っているようにcoverを使用することはできません）。 - divのサイズ/アスペクト比に関係なく、背景画像を歪ませてdivを塗りたい。

私はここcodepenいる：http://codepen.io/mikehdesign/pen/ezOrmB

私の現在のコードは次のとおりです。

HTML：

<div class="background"></div> 

CSS：

div.background { 
    width: 100%; 
    height: 200px; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center; 
    background-image: url(https://unsplash.it/800/400); 
} 

は、理想的には、私はせずにこれをやりたいですJavascript

Answer 1

OKしかし、そのはいない比例伸ばし取得：

div.background { 
    width: 300px; 
    height: 500px; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    background-position: center; 
    background-image: url(https://unsplash.it/800/400); 
} 

歓声

Answer 2

は、両方の寸法のために100％にあなたの背景のサイズを設定します。

background-size: 100% 100%;