Html 静态居中背景图像

我有以下css

.bg
{
    height:          100%;
    background:      url("${image}") no-repeat center;
    background-size: cover;
    margin-top:      -7px;
}

并以此为基础使用它

<div class = "bg"></div>

我想要的是这样的静态图像，但是如果你向下滚动（图像保留），页面文本开始出现。我应该如何更改css

我的页面文本是

<div class = "container">
    <div class = "jumbotron well">
        <div class = "page-header">
            <h3>Header
                <small>subheader</small>
            </h3>
        </div>
        <p>Hello world</p>
    </div>
</div>

标题
副标题
你好，世界

编辑：

---

进一步澄清。我想要的是一个以全屏为中心的图像（css是这样做的），它也是静态的，这样如果你向下滚动，文本就可以在上面滚动。

只需添加

背景附件：修复。
这样的办法应该行得通


正文{
背景图像：url（'https://images.alphacoders.com/633/633643.jpg');
背景尺寸：封面；
背景附件：固定；
颜色：#fff；
}

纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
文本

纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
文本

Just text
Just text
Just text
Just text
Just text
Just text
只需添加
背景附件：固定。
这样的办法应该行得通


正文{
背景图像：url（'https://images.alphacoders.com/633/633643.jpg');
背景尺寸：封面；
背景附件：固定；
颜色：#fff；
}

纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
文本

纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
纯文本
文本

Just text
Just text
Just text
Just text
Just text
Just text
尝试添加此
背景附件：已修复
为什么它需要位于div中？这个div/图像会去哪里？@Rob它不一定要在div内，我只是不知道如何制作一个居中的图像，占据你可以滚动的整个页面over@FelixMosheev我试着这么做，但是，如果我这样做，图像会缩小，不再占据整页，您希望它是整页的，这是您需要添加到问题中的附加信息。尝试添加此
背景附件：已修复
为什么它需要位于div中？这个div/图像会去哪里？@Rob它不一定要在div内，我只是不知道如何制作一个居中的图像，占据你可以滚动的整个页面over@FelixMosheev我试着这么做，但是，如果我这样做，图像会缩小，不再占据整页。如果您希望它是整页的，则需要在您的问题中添加其他信息。