フルページ スライダーを提供するライブラリである fullpage.js を使用して、非常にトリッキーな問題があります。スライダーにタイトル (h1) 付きの背景画像を含めたい。さらに、背景とタイトルの間に、スライドしない透明な画像をオーバーレイとして配置したい（絶対位置で）。
z-index を 2 に設定することでタイトルをオーバーレイの上に移動できますが、完全な page.js は -webkit-transform: translate3d(0px, 0px, 0px); を追加します。変換: スライドするとすぐに 3d(0px, 0px, 0px) をスライダーコンテナーに変換します。これにより、z 値が無視され、タイトルがオーバーレイの後ろに移動します。
transform-style: flat; を試しました。(彼らがここで提案しているように: css z-index lost after webkit transform translate3d )、しかしこれは私にとってはうまくいきません。
この問題を抱えているのは私だけではないことがわかりました( https://stackoverflow.com/questions/27179052/fullpage-js-z-index-lost-after-css3-enabled )。
誰もこれを修正する方法の手がかりを持っていますか?
ありがとう！