Создание плавающей кнопки

Я работаю над расширением 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 с некоторым текстом, я мог бы превратить его в свою кнопку.