如何在固定背景上设置固定内容？

Question

我很长时间以来一直想知道如何修复固定背景上的文字内容。

这是我的解释代码：

CSS

.background {
    background-attachment: fixed; 
    width: 100%; 
    height: 400px; 
}
.fixed-content {
    position: fixed; 
}

HTML

<div class="background">
    <div class="fixed-content">Test</div>
</div>