レスポンシブなフルページイメージ（高さ100％）

Question

この特定のトピックには多くのコンテンツがありますが、私は他の人が役に立たなかったポインタを試しました。

私はここに見られるように、ID = headerimgとdiv要素があります： - ：

- あなたは私が全幅対応する画像のための共通のCSSを使用している見ることができるよう

https://jsfiddle.net/9d3bmpxc/1/

を

#headerimg { 
    background: url(http://www.adamoxenhamsmith.co.uk/site/img/NewYork.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 

JSFiddleのリンクに表示されているように、画像が反応しません。最小の高さを100％に設定しても何も起こりません。

トップの4つの点は、スタイル設定されていないナビゲーションを示しています。

お手数をおかけします。

Answer 1

要素の高さを100％に設定する場合は、親の高さ（この場合は本文）も設定する必要があります。あなたは#headerimg要素にheight: 100%を追加して、あなたのCSSに以下の場合：

html, body { height:100%; } 

これは完全な高さであなたの画像が表示されます。