Meet the top layer: a solution to z-index:10000 | Blog | Chrome for Developers

テクノロジーカテゴリーの変更を依頼記事元:

developer.chrome.com

3 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

hc0001 top layer は document から独立したレイヤで、top layer に配置される HTML 要素は常にページの最前面に位置する。Fullscreen API や <dialog> 要素、popup 属性と関係しており、これらは top layer とともに振る舞う。

2022/09/29 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

Meet the top layer: a solution to z-index:10000 | Blog | Chrome for Developers

The top layer sits above its related document in the browser viewport, and each document has one ... The top layer sits above its related document in the browser viewport, and each document has one associated top layer. This means that elements promoted to the top layer needn't worry about z-index or DOM hierarchy. They also get a neat ::backdrop pseudo-element to play with. The Fullscreen API spec goes into more details as Fullscreen was a great example of the top layer in use before dialog supp