html - cssbackground-attachmentプロパティを使用して視差効果を実現します

Question

このJSBINリンクを確認してください。

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

ページをスクロールすると、最初のdivで視差のような効果が見られますが、何らかの理由で、他のdivでは機能しません。唯一の違いは背景画像です。

何が起こっているのかわからない。background-attachment残りのdivは、プロパティを指定したにもかかわらず、正常にスクロールしています'fixed'。

どんな助けでも大歓迎です。

Answer 1

気にしないでください。その愚かな背景。はbackground-attachment機能していますが、線形勾配のため、効果は目立ちません。

同様の問題に遭遇した人は、背景画像を無地の色やグラデーションだけでなく、区別できるようにする必要があります。