要素 (div としましょう) を「全画面表示」すると、他の要素を表示できません (全画面表示モードの場合)。なぜそれが起こっているのですか？どうすればこれを達成できますか?
11925 次
1 に答える
22
ブラウザ (Chrome 28、Firefox 23) はz-index、フルスクリーン要素を 2147483647 (最大の 32 ビット符号付き数値) に設定しているようです。テストによるとz-index、他の要素の を同じに設定z-indexするとそれらが表示されますがz-index、フルスクリーン要素の は変更できません (変更できますが、ブラウザは値を無視します — !important を使用しても)。
おそらく私がこれを見つけることができた唯一の参照：
https://github.com/WebKit/webkit/blob/master/LayoutTests/fullscreen/full-screen-zIndex.html
また、Chrome 開発ツールでは:
したがって、要素を maximumz-indexに設定するか、コンテナ要素を作成し、表示するすべての要素がコンテナ要素の子になるようにして、全画面表示にすることをお勧めします。
于 2013-09-02T17:28:07.483 に答える