为什么我的叠加透明背景颜色不覆盖整个屏幕

Question

我有这个号召性用语页面，它在图像顶部有背景图像和背景色;但是，我无法使背景颜色占据整个屏幕。在这里帮助不大！谢谢PS：我也在使用bootstrap cdns。 链接到页面：http://pctechtips.org/apps/conf/ 的CSS：

'test2.txt'

HTML

'test3.py'

Answer 1

好的，感谢上面评论过的人的答案

/*
    full stack conf style
*/

body {
    background-image: url("http://travelhdwallpapers.com/wp-content/uploads/2017/03/Chicago-Wallpaper-3.jpg");
    background-size: cover;
    position: relative;
    z-index: -10;
}

.hero {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(31, 34, 118, 0.5);
    z-index: -5;
}