Création d'un bouton flottant

Question

Je travaille sur une extension Firefox et je n'ai plus d'idées sur la façon d'implémenter un bouton flottant. J'ai besoin d'un bouton qui est superposé sur ma page que je peux montrer/cacher et positionner de manière dynamique à peu près n'importe où sur ma page. Je pensais que je pourrais faire quelque chose comme un outil CSS sophistiqué sauf le remplacer par la fonctionnalité de bouton, mais cette idée a échoué parce que je ne pouvais pas séparer mon exemple assez bien pour comprendre ce que j'ai besoin d'inclure, de changer, etc. J'ai pensé à utiliser jQuery (bien que cela ne dérange pas d'éviter, à moins que cela ne rende la chose pénible), mais j'y penserai plus en détail maintenant. Si quelqu'un peut offrir un lien tutoriel, des idées, un exemple de code, n'importe quoi pour m'aider à avancer dans la bonne direction, je l'apprécierai grandement!

Merci!

Edit: clarification

Je ne suis pas tout à fait sûr comment créer réellement le bouton superposée. J'ai essayé de créer un div flottant avec du texte, et rien ne s'est montré, mais je n'ai pas eu d'erreurs, ce qui veut dire que je fais quelque chose de mal, mais je n'ai aucune idée de quoi il s'agit. http://www.fijiwebdesign.com/blog/css-tooltips-floating-html-elements.html Si vous jetez un oeil à cette page Web, vous voyez qu'il y a ce bouton flottant "feedback", je voudrais créer quelque chose de similaire, seulement il ne serait pas ancré sur les côtés, mais je pourrais le positionner sur du texte, etc.

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

C'est le CSS que j'ai utilisé pour faire flotter ma div. Je ne sais pas si je crée le div au mauvais endroit ou ... Je pensais que si je pouvais obtenir un div flottant avec du texte, je pourrais le transformer en mon bouton.

Answer 1

position: fixed; 

Tout devrait s'arranger. Le positionnement absolu est relatif à l'élément parent ou à l'élément html si aucun parent n'a été trouvé.