うまくいけば、例がなくてもこれを十分に説明できるでしょう...
不安定な z-index のインスタンスが 2 つあります。それぞれ説明しましょう：
1）css3スライドトランジションとjqueryを使用して位置を移動するドロップダウン付きのナビゲーションバーがあります。ナビゲーション バーの z-index を 100 に設定し、ドロップダウンの z-index を 90 に設定しました。ナビゲーション バーには、ドロップダウン メニューに移動したい影がありますが、現在はありません。また、ドロップダウンはナビゲーションバーの上を下にスライドしますが、下に移動する必要があります。
2）基本的に上記と同じ問題であるフッターを反転させただけです。影の重なりなし。まだ移行を実装していませんが、同じことを行うと確信しています。
明白に答える前に、問題のすべての要素が配置されています。
これは非常に多くの部品を含む大きなプロジェクトの一部であるため、例を考え出すことなくこれを解決できることを望んでいます。例がないので、答えが単純であるとは思いませんが、正しい方向に私を向けることができますか?
ご不明な点がございましたら、お知らせください。本当にありがとう！
編集
簡単なサンプルを作成し、コメントに投稿しました。トランジションは機能しませんが、ナビゲーションからの影がドロップダウンを覆っていません