私が取り組んでいるサイトでは、かなり複雑なスタッキングの取り決めが行われています。div の背景画像は、その中の画像を低い zindex でオーバーレイするグラデーションです。このような:
したがって、これはより広い幅でうまく機能します。幅が小さくなると、画像は次のようにグラデーションの背景の上に表示されます。
何かが起こっていて、何が起こっているのかわかりません。フレームワークとして twitter Bootstrap 2.3.0 を使用しています。リンク: http://www.osullivans-pubs.com/draft
編集:問題は、画像(#back img)に負のz-indexがあることに関係していると確信しています。ただし、z-index がゼロであることは、画像がグラデーションの上に表示されることを意味します...
更新:私はそれを解決しました。背景画像を持つ要素を子要素に重ねることは実際には不可能です。そこで、コンテナーの前 (およびコンテナーとは別) に絶対配置の要素を作成し、それに適切な zindex を適用しました。それはそれを修正しました。