创建浮动按钮

Question

我正在开发一个Firefox扩展程序，并且没有关于如何实现浮动按钮的想法。我需要一个覆盖在我页面上的按钮，我可以显示/隐藏它，并动态定位在我的页面上的任何位置。我认为我可以做一些奇特的CSS工具提示，除了用按钮功能替换它，但是这个想法失败了，因为我无法将我的示例分开，以便了解我需要包含的内容，需要更改等等。

我已经考虑过使用jQuery（虽然不介意避免，除非它让这很容易），但现在将更多地考虑这种可能性。如果有人可以提供教程链接，想法，示例代码，任何有助于我朝着正确方向前进的事情，我将非常感激！

谢谢！

编辑：澄清

我不完全确定如何实际创建重叠按钮。我尝试创建一个带有一些文本的浮动div，没有任何显示，但我没有错误，这意味着我做错了什么，但我不知道那是什么。 http://www.fijiwebdesign.com/blog/css-tooltips-floating-html-elements.html如果您查看该网页，您会看到有一个浮动的“反馈”按钮，我想创建类似的东西，只是它不会固定在两侧，但我可以将它定位在文字等。

#floatingBtn
{
  position: absolute;
  z-index: 10000;
  top: 50%;
  left: 50%;
}

这就是我曾经尝试过的CSS我的div。我不知道我是在错误的地方创建div还是......我想如果我能得到一个带有一些文字的浮动div，我可以把它变成我的按钮。

Answer 1

position: fixed;

应该让一切顺利。绝对定位是相对于父元素或如果没有找到父元素的html元素。