視差の背景用に jquery.scrolling-parallax.js を試しています。
背景要素の z-index は 333 です。
サイトのすべての要素で、この下または上に z-index を使用して、背景を要素の後ろまたは前に配置できます。
しかし、ヘッダーに問題があります。
背景を上に表示するために、固定位置と z-index 232 のヘッダーがあります。
ただし、ヘッダー div には、ロゴとメニューを含む他の 2 つの div があります。これらは position:relative であり、z-index:999 を持っています。なぜなら、背景をそれらの上に置きたくないからです。しかし、これはうまくいきません！
ヘッダー div 全体を 333 以上の z-index に切り替えると、正常に動作し、背景がその背後に表示されます。しかし、私はそれをそれらの子divの後ろに置きたいだけです!
あなたの助けに感謝