FireFox扩展。 如何将叠加层添加到窗口的内容区域

Question

我的主题问题。 例如：我想如何设计自己的警报弹出窗口 ，可能有覆盖层，但我不知道如何做。

Answer 1

我的建议是结合使用JavaScript和CSS。 弹出窗口的关键是在CSS中使用z-index，将其置于页面其余部分的前面。

javascript将仅用于激活和停用此部分。 您还可以设置其他一些CSS类以使其余页面内容变暗，然后将这些类应用到相同的javascript函数中。

Answer 2

我的建议是使用BlockUI ，它轻巧且易于使用。

Answer 3

那好吗？

<script type="text/javascript">
   alert("Hello, I'm a pop-up!");
</script>

最终，您可以使用jQuery UI对话框模块： http : //jqueryui.com/demos/dialog/

编辑：我想您也应该说一下，如果您对基于JavaSctipt或XUL的解决方案感兴趣。

编辑2：

如果要使用XUL，请查看以下链接：

• https://developer.mozilla.org/en/XUL_Overlays
• https://developer.mozilla.org/en/Building_an_Extension
• http://www.gmacker.com/web/content/tutorial/firefox/firefoxtutorial.htm

当我自己开发扩展程序时，我发现它们非常有用。

确实，您需要做的是：

<box id="myBox"> content here </box>

加上一些逻辑来打开它。