css设置固定背景的全屏布局，在内容溢出时显示垂直滚动条

2023-08-19 03:36PM

"固定背景的全屏布局" 是一种网页布局的设计模式，其目的是使背景图像在整个屏幕上保持固定位置，而页面的内容可以在背景图像的前面滚动。

具体来说，当应用了固定背景的全屏布局时，背景图像会固定在屏幕上的某个位置，不管用户如何滚动页面，背景图像都不会移动。这为网页添加了一种视觉上的静止感。

eg: 我这里是在文章列表页，使用了下面的CSS属性：

就实现了具有固定背景的全屏布局，其中背景保持在页面的固定位置，它的高度被设置为100%，并且在文章列表内容溢出时显示垂直滚动条。