有的时候当网页的背景是一张图片,而在滚动滚动条时,我们不希望图片随着滚动条改变而是希望图片上的内容改变而图片不动,即利用css实现网页的背景图片位置不随滚动条改变
效果代码如下:
background:url(./img/main-bg.jpg); background-repeat: no-repeat; //背景图片仅显示一次background-position: top center;//属性设置背景图像的起始位置。background-attachment: fixed; //属性设置背景图像是否固定或者随着页面的其余部分滚动,fixed当页面的其余部分滚动时,背景图像不会移动。
如果觉得《css实现网页背景图片位置不随滚动条改变》对你有帮助,请点赞、收藏,并留下你的观点哦!