Question

我需要将一个DIV元素附加到xul：browser并使position：absolute;并在firefox窗口中移动此DIV。可能吗？我怎么能在firefox扩展中做到这一点？

Answer 1

如果您将元素放在<stack>内，则可以使用top，right，bottom和left属性进行定位。

Answer 2

在搜索网页并解决各种风格后，我发现我可以使用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>

Answer 3

XUL使用灵活的盒子模型，你不会在那里获得绝对定位。最好的解决方案是使用要在其他内容之上显示的<xul:panel> element（类似于上下文菜单或工具提示）。有一个moveTo()方法允许面板在打开后移动。

我如何追加一个位置：绝对; DIV进入firefox xul：浏览器？

3 个答案: