在背景大小下显示页脚：封面

Question

我终于找到了一种方法来缩小背景图像以覆盖整个屏幕而不管大小如何background-size: cover，但是出现了一个无法预料的问题，就是它完全隐藏了我的页脚背后的图像，因为背景图片位于页脚上方的div中。我尝试过使用z-index，但是没有做任何事情。所有代码都可以在http://hanksmith.com/找到，特别是在http://hanksmith.com/css/index.css和http://hanksmith.com/css/master.css。任何帮助将不胜感激！

Answer 1

删除margin-top中的页脚master.css后解决。

试试这个：

.footer {
    height: 200px;
    margin-top: 0px;
}

Answer 2

如果您愿意，您的背景图片不会隐藏在页脚上，请遵循屏幕尺寸。就像这个尺寸的图像需要（1366 * 768,1920 * 1080,3840 * 2160）。