0

我需要将一个 DIV 元素附加到 xul:browser 并设置 position: absolute; 并在 Firefox 窗口中移动这个 DIV。可能吗？我如何在 Firefox 扩展中做到这一点？

4

3 回答 3

1

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

于 2014-05-12T15:29:48.807 回答
0

在搜索网络并解决样式后，我发现我可以使用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-16T07:42:13.687 回答
0

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

于 2012-04-17T10:52:57.920 回答