创建一个浮动按钮

我正在研究一个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%; 
}

这就是我用来尝试和浮动我的div的CSS。我不知道我是否在错误的地方创建了div，或者...我想如果我可以用一些文本获得浮动div，我可以将它转换为我的按钮。

来源

2010-09-17 Robert Smith

我真的不明白可能有什么问题，'position：fixed'无法修复:)你能提供一些关于你卡在哪里的更多细节吗？ – 2010-09-17 17:34:53

请详细说明这一点“但是这个想法失败了，因为我无法将我的示例分开得足够清楚我需要包括什么，需要更改等。” – 2010-09-17 18:00:56

添加了说明，代码和示例。 – 2010-09-17 18:03:19

position: fixed;

应该让所有的东西都为你工作。如果找不到父项，则绝对定位是相对于父元素或html元素的。

来源

2010-12-26 08:43:19 CamelCamelCamel

创建一个浮动按钮

回答

相关问题