css图片背景不滚动

在网页开发中，经常会使用CSS来设置背景图片。但是在滚动页面时，有时候我们不希望背景图片随之滚动，而是固定不动。 CSS提供了一个属性background-attachment可以用来控制背景图片是否随滚动。默认情况下background-attachment的属性值是scroll，即背景图片会随页面滚动而滚动。但是我们只需要将这个属性值改成fixed即可实现不滚动背景图片的情况。 下面的代码演示了如何使用CSS将背景图片固定不动：

p {
background-image: url('your image url here');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

在上面的代码中，我们将p标签的背景图片设置为一个URL地址，然后设置了背景不重复（即只显示一次），并且将背景图片的大小设置为自适应。最后设置background-attachment属性为fixed，这样就能实现背景图片不随页面滚动而滚动了。 总之，使用CSS使背景图片不滚动是很简单的。只需要将background-attachment属性值设为fixed即可。希望这篇文章能够对你有所帮助。