響應整頁圖像（100％高度）

Question

儘管在這個特定主題上有很多內容，但我試過別人給出的指針無濟於事。

我有id爲一個div = headerimg因爲在這裏可以看到： -

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

，你可以看到我已經使用了普通的CSS全寬響應圖像： -

#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％也沒有任何反應。

另請注意，頂部的四個點表示我的導航不是風格。

非常感謝您的幫助。

Answer 1

如果要將元素的高度設置爲100％，則還需要設置父元素的高度（在本例中爲正文）。如果添加height: 100%您#headerimg元及以下你的CSS：

html, body { height:100%; } 

這應該與全高顯示圖像。