z-index:10000 を置き換える top layer

xguru · 2022-08-27T09:26:01+09:00

または Pop Up API（popup 属性）を利用ブラウザの document の上にあるため、z-index や DOM 構造を気にする必要がない表示された順にスタックされる（最後のものが最前面、削除後に再追加すると最前面へ）各要素ごとに ::backdrop を使って背面を制御可能 Pop Up API : popup=auto|hint|manual, popuptoggletarget/popupshowtarget/popuphidetarget

(developer.chrome.com)

15 ポイント投稿者 xguru 2022-08-27 | まだコメントはありません。 | WhatsAppで共有

<dialog> または Pop Up API（popup 属性）を利用
ブラウザの document の上にあるため、z-index や DOM 構造を気にする必要がない
表示された順にスタックされる（最後のものが最前面、削除後に再追加すると最前面へ）
各要素ごとに ::backdrop を使って背面を制御可能
Pop Up API : popup=auto|hint|manual, popuptoggletarget/popupshowtarget/popuphidetarget

z-index:10000 を置き換える top layer

関連記事

まだコメントはありません。