我如何追加一個位置：絕對; DIV到Firefox的瀏覽器？

我需要在xul：browser中添加一個DIV元素，並將position：absolute;並在firefox窗口中移動這個DIV。可能嗎？我如何在Firefox擴展中做到這一點？我如何追加一個位置：絕對; DIV到Firefox的瀏覽器？

來源

2012-04-16 Aram Alipoor

搜索網頁和周圍款式的工作之後，我想通了，我可以使用position: fixed;風格

<?xml version="1.0"?> 
<?xml-stylesheet href="chrome://helloworld/skin/overlay.css" type="text/css"?> 
<!DOCTYPE overlay SYSTEM "chrome://helloworld/locale/overlay.dtd"> 
<overlay id="helloworld-overlay" 
     xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 
     xmlns:html="http://www.w3.org/1999/xhtml"> 

    <vbox id="browser-panel"> 
     <html:div style="position: fixed; top: 20px; left: 50px;"> 
        <html:img src="https://static.addons.mozilla.net/en-US/developers/docs/sdk/1.1/media/firefox-logo.png" width="32" height="32" /> 
     </html:div> 
    </vbox> 

</overlay>

來源

2012-04-16 07:42:13

XUL使用靈活盒模型，你不會得到很遠的絕對定位在那裏。最好的解決方案是使用<xul:panel> element，這意味着要顯示在其他內容之上（類似於上下文菜單或工具提示）。有一個moveTo()方法可以讓面板在打開後移動。

來源

2012-04-17 10:52:57

我雖然面板自己，但沒有使用，因爲我認爲我們有重點的問題（在程序的某些部分用戶點擊）或盒模型的問題（如果我想顯示的光標嗎？我不想陰影或任何風格面板盒）。這是我沒有測試'xul：panel'的原因。我對嗎？如果不是，可以將'xul：panel'保留在其他面板的頂部，比如'Save As ...'或'Downloads'，因爲我使用的絕對DIV不能在其他窗口之上。 – 2012-04-17 13:14:41

面板可以有焦點，並且可以有文本字段（例如，請參閱Firefox中的「編輯此書籤」面板）。陰影絕對是可選的，我認爲'-moz-appearance' CSS屬性正在控制它。而且 - 是的，面板顯示在其他任何東西之上。 – 2012-04-17 14:43:41

如果一個<stack>內的元素（S）位置時，上，右，下，左屬性可以用於定位。

來源

2014-05-12 15:29:48 Brian

我如何追加一個位置：絕對; DIV到Firefox的瀏覽器？

回答

相關問題