网页背景图固定不动, 不跟随滚动条滚动

background-attachment: fixed;

背景附着(background-attachment)属性有两个值: 一个是scroll，表示随内容滚动而动; 一个是fixed, 表示固定不动, 不受内容滚动影响.

缺省值是scroll.

background-attachment要和background-image一起用.

 

另外需要说明的是在ios移动端上 background-attachment:fixed 会失效！

虽然有人给出了解决方案，在想加背景的标签所在class后:before

body:before {
  content: ' ';
  position: fixed;
}

但是本人实践后，最终得出， 在原生的safari浏览器中，使用上述方案问题可以得到解决， 但是如果使用的是cocos2dx的webview控件的话， 问题依旧存在！甚至变得更严重了！

所以如果是webview这种控件的话， 还是忽略掉这个问题比较好。