CSS - 使背景图像不滚动

有时，当您在网站上滚动页面时，背景图像也会滚动。这可能不是您想要的效果，您可能想使背景图像保持固定。下面介绍使用CSS如何使背景图像不滚动。

使用background-attachment属性

background-attachment属性用于设置背景图像相对于视口固定或滚动。

要使背景图像不滚动，请将background-attachment属性设置为fixed。

body {
  background-image: url("background.jpg");
  background-attachment: fixed;
}

这将使背景图像相对于视口固定，并且不会随页面滚动。

注意事项

• 如果您的网站需要支持移动设备，请小心使用background-attachment: fixed。在某些移动设备上，这可能导致性能问题。
• 除非您有必要使背景固定，否则最好避免使用它。滚动背景图像可以为您的网站增加动态效果。

以上就是使用CSS使背景图像不滚动的方法。希望对您有所帮助！

代码片段：

body {
  background-image: url("background.jpg");
  background-attachment: fixed;
}