使用css background-attachment属性实现视差效果

Question

请检查此JSBIN链接。

http://jsbin.com/axeway/14/edit

当您滚动页面时，您可以看到第一个div上的视差效果，但由于某种原因，它不能与其他div一起使用。唯一的区别是背景图片。

不确定发生了什么。其余的div只是正常滚动，即使我给它们background-attachment属性'fixed'。

非常感谢任何帮助。

Answer 1

永远不要介意的人。它是愚蠢的背景。 background-attachment正在运行，但由于线性渐变，效果不明显。

对于遇到类似问题的人来说，背景图片应该是可区分的，而不仅仅是纯色或渐变。