我可以注入一個總是出現在現有div上方的div嗎？

我正在寫一個Safari瀏覽器擴展，點擊其工具欄按鈕時，彈出的網頁中的「對話的旗幟」（一些文本和幾個按鈕）。該橫幅是我在需求中注入頁面的div，位於擴展的End Script中。

的問題是，如何風格股利（或它甚至有可能這樣做），這樣它保證是可見的，無論現有的網頁內容的，其上我管不着？通過創建我的股利爲position:fixed，並將其插入到DOM作爲<body>的第一個孩子，它工作在大多數情況下細，浮在窗口頂部，無論網頁的當前滾動位置的。

但是，它在某些頁面上有自己的標題橫幅失敗 - 例如，http://planet.gnome.org和http://www.ign.com。在這些情況下，我的div被頁面橫幅遮住了。調整我的div的z-index並沒有什麼區別。

是否有可能做我想要做的事情，還是僅僅是這樣，我永遠無法預測其他人的網頁是如何構建的，所以我應該找到一種不同的方式來呈現我的UI？

2012-07-06 calum_b

在什麼位置，在DOM你注入的div？ – PeeHaa 2012-07-06 10:51:55

http://jsfiddle.net/Tqfna/1/不是模糊元素閃光橫幅？他們有一個'wmode'屬性，可以做出有趣的事情。 – biziclop 2012-07-06 12:59:30

@PeeHaa我正在注入div作爲的第一個子節點。 – 2012-07-06 14:50:26

好的，事實證明這個是基本上只是一個簡單的z-索引問題，我可以通過靜態方法或使用類似@ biziclop的動態方法來解決這個問題。我認爲我在發佈之前已經用盡了這一行，但顯然不是......部分原因是我的樣式表中有一個流氓!important掩蓋了我的修復嘗試。 D'哦。

2012-07-06 15:43:22

回答