通常情况下,如果您想在整个网页上添加背景图片,可以使用以下CSS代码段:
body { background-image: url('path/to/image'); background-size: cover; }
但有时,当您的内容需要滚动时,背景图像可能会被裁剪或滚动条会添加到页面。为了解决这个问题,您可以将背景图像添加到一个容器中,并设置其高度等于页面高度。这将确保即使内容滚动,背景图像也会占据整个页面,并且不会被裁剪或受到滚动条的影响。
以下是包含背景图像的容器的示例代码:
html, body { height: 100%; }
.container { background-image: url('path/to/image'); background-size: cover; height: 100%; }
上一篇:背景图片被裁剪而不是缩小