相対 CSS 初心者はこちら。
ツールバー ボタンをクリックすると、Web ページに「ダイアログ バナー」(いくつかのテキストといくつかのボタン) がポップアップする Safari 拡張機能を作成しています。バナーは、拡張機能の終了スクリプトで、必要に応じてページに挿入する div です。
問題は、div のスタイルを設定する方法 (またはそれを行うことさえ可能) で、既存の Web ページのコンテンツに関係なく確実に表示されるようにすることです。div を として作成し、position:fixedそれを の最初の子として DOM に挿入すると<body>、ほとんどの場合、ページの現在のスクロール位置に関係なく、ウィンドウの上部にフローティングして正常に動作します。
ただし、独自のヘッダー バナーがある一部のページでは失敗します。たとえば、http://planet.gnome.orgやhttp://www.ign.comなどです。これらの場合、私の div はページ バナーによって隠されています。私のdivを調整しz-indexても違いはありません。
私がやろうとしていることは可能ですか? それとも、他の人の Web ページがどのように構成されているかを予測することは決してできないので、UI を表示する別の方法を見つける必要があるのですか?