响应整页图像（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%; } 

这应该与全高显示图像。