高いz-indexを持つ要素は、低いz-indexを持つ別の要素より下にある可能性があります。これは、低い方の祖先のz-indexが、この要素に対してより高いスタッキングコンテキストを提供するためです。
このため、CSSまたはHTMLコードを大幅に変更せずに、下位のスタッキングコンテキストから要素をオーバーレイすることはできません。一方、z-indexプロパティの使用は、それが「絶対」値である場合は簡単です（z-indexが高い-> z軸上の位置が高い）。
私の質問は、なぜこれがブラウザと標準でこのように実装されたのかということです。