CSS渐变问题（分页符）

Question

我想在整个页面中使用渐变（从上到下），但我的当前渐变在我的文本div结束然后再次开始的页面中间完成... 你可以在codepen.io看到它：https://codepen.io/pprunesquallor/pen/zwapGQ?editors=1100 我的codepen使用Bootstrap 4，如果它有任何相关性。

我希望我不需要粘贴整个HTML / CSS，因为已经有相当多的HTML / CSS。这里只是渐变部分：

body {
background: #00001e;
background: -webkit-linear-gradient(to top, #F5981F , #5D82B3);
background: linear-gradient(to top, #F5981F , #5D82B3); 

Answer 1

您的body目前没有扩展到整页高度，而是取决于其内容高度。要实现完全拉伸的背景，您可以考虑将高度：100％添加到html元素。

此外，您身体CSS中的background-attachment: fixed有助于修复小型浏览器窗口上的错误。