「z-index」を使わず最も前面に表示する方法

2023年09月04日

この記事は約1分で読めます。

ヘッダーより前にポップアップを出したりする時、ヘッダーより「z-index」を高くして「9999」とかにしてた。
でも、この方法を知ってからもう「z-index」は使わなくなりました。

便利なのでぜひ使って欲しい！

この方法はCSSでなにかするんじゃなく、HTMLでタグを使って最前面に置くんです。
HTMLコードはこちら。

<dialog>ポップアップの内容</dialog>

これでヘッダーをどれだけ「z-index」で高く設定しても、その上に表示されるんだ。

すごい便利。