親の上に子アイテムを配置したい状況がありますが、これはどういうわけか不可能に思えます。簡単な状況チェックについては、この例を参照してください
親にカーソルを合わせると、次の行を介して子のCSS設定を再定義したと想定しました（親から要素を削除して、親>子の関係を削除します）
$('#e11').fadeIn().css({position:'absolute',left:'50px',bottom:0,zIndex:15});jsfiddle の例でわかるように、要素をand要素#e11の上に移動させたいと考えています。#e1#e2
誰かが解決策または回避策を知っていますか?
z-index css プロパティの動作は、いくつかのルールが関係しているため、最初は把握するのが非常に簡単ではありません。あなたの場合、z-index プロパティを持つ絶対配置されたdiv要素のそれぞれが新しいスタッキング コンテキスト、一種の「レイヤー」を作成し、含まれる要素の z-index は同じスタッキング コンテキストでのみ有効です。
この問題についてさらに洞察を提供する 2 つの記事:
例に戻ると、div から z-index を削除し、jQuery を介して明示的に設定したものだけを残すと、それが機能することがわかります。
(異なるブラウザ間の z-index プロパティの解釈に関してかなりの数の異常がある (または以前はあった) ため、一部のブラウザが期待どおりに動作しない可能性が非常に高いことに注意してください)