不用定位固定住背景图片

在页面设计中,偶尔也会遇见那种滑动滚轮而图片位置会一直不变的要求,此文章教你们不使用定位固定背景图片

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

图像不会随页面滚动而滚动

这是“body”里面的内容,先把“style”里面的给“body”设置的第二条样式注释。

看效果
在这里插入图片描述

当鼠标向下滑动一点距离后可以看见图片有一部分已经被遮住了。

然后我们把那条代码取消注释看看
在这里插入图片描述
在这里插入图片描述

从图中可以看到当我们滑动了一半时,图片依然完全显示。

猜你喜欢

转载自blog.csdn.net/weixin_44540360/article/details/92560933