Question

html 背景图片不能随滚动条滚动

背景图片如图里面的云

滚动向下过后，云不能随着向下，attatchment已经设置scroll

这种情况应该怎么办呢？





Answer 1

style="position:fixed; left:0; top:0"

追问

这样的话整个页面滚动条都没有了啊

追答

怎么可能没有？亲测可以的啊，要不你把代码给我看下，我帮你下

追问

http://www.zcool.com.cn/gfx/ZMjYwMjIw.html 这个页面的代码，你下载下来试试吧，你可以添加一些内容让他可以向下滚动，但是你的代码加入过后滚动条就没了。

追答

你的要求是要有滚动条和云会随着滚动条滚动是吧,其实很简单的啊，就是我前面说的啊，因为你的页面高度就那么高啊，所以才没有滚动条的啊，你加点内容使得它的高度达到一定的值，就可以了

追问

你看我不加你那句代码页面是这样的，右边可以看到滚动条，说明高度够了

加了你那句代码过后滚动条就没了

追答

你那背景图代码那一栏给我发过来看下

追问

看了下你发来的代码，自己弄了下，知道问题所在了。你说的标签属性错了不应该是position是background-attachment。不过fixed过后不是固定了么？怎么还会随着动呢？求解答

追答

你的理解错了，fixed属性的意思是随着滚动轴下移，图片相对位置不变，所以看起来背景图片是随着滚动轴向下移，其实是不动的。
scroll: 随着页面的滚动轴背景图片将移动
fixed: 随着页面的滚动轴背景图片不会移动