背景图片固定是一种很流行的 CSS 样式,它可以让背景图片随页面滚动,而不会随着滚动而改变位置。这种效果通常可以给网站带来更好的视觉体验。
background-attachment: fixed;
代码中的background-attachment
属性可以设置为 fixed,就可以实现背景图片的固定效果。
另外,还可以使用background-position
属性来控制背景图片的位置。例如,下面的代码将背景图片设置在页面右上角。
background-position: right top;
需要注意的是,一些老旧的浏览器可能不支持背景图片固定效果,因此在开发过程中需要进行兼容性测试。