CSS页脚背景没有出现

Question

我的主页面的背景图像设置在我的css文件的body {}中。这是我的第一个错误吗？

body{
    background-image:url('img/bg-white.png');
    width:100%;
    height:100%;
    margin: 0 auto;
}

我想为我的页脚创建一个背景图片。所以我将它添加到CSS的底部

#footer-background{
    background-image:url('img/footer-background.jpg');
    z-index:1;
}

它没有出现。它是否与原始背景重叠？或者还有更多吗？

Answer 1

这只是在黑暗中拍摄，需要更多信息才能得出结论性答案，但可能是您没有为页脚指定高度或宽度。

<强> Working Example

#footer-background{
    background-image:url('img/footer-background.jpg');
    z-index:1;
    height:200px;
    width:100%;
}