Umiejscowienie elementu jako zawsze widocznego na dowolnej stronie

W skrócie, próbuję zrobić dodatek do Chrome-a i zastanawiam się, czy są jakieś możliwe ustawienia CSS dla elementu, albo nie wiem jakiś "JSowy hack", taki, żeby jeśli wykonać go na dowolnej stronie (w jej DOMie) to utworzy się tym samym element który zawsze będzie widoczny. (Najlepiej jeszcze zawsze w tym samym miejscu i dla dowolnych - w granicach rozsądku -rozmiarów okna).

Próbowałem już coś takiego na facebooku zrobić, dodałem element do "body" strony i spoko, ale jak np. wchodzę na kogoś profil to już np. znika. Ogólnie podejrzewam, że może być ciężko, ale jestem ciekaw, albo czy ewentualnie są jakieś wskazówki którymi chociażby dużą część stron można by pokryć dla tego przypadku.

content.js
Piszesz sobie skrypt dodający do strony takie elementy jakie ci się podobają i wykonujący takie polecenia, jakie sobie życzysz.

manifest.json

  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*", "file:///*/*"],
(...)

Dodawany element powinien mieć:
position:fixed
i możliwie wysokie z-index

Freja Draco napisał(a):

Dodawany element powinien mieć:
position:fixed
i możliwie wysokie z-index

"No właśnie próbowałem czegoś takiego i na FB znika zaraz po przesunięciu walla w dół, albo chociażby po wejściu na kogoś profil już też staje się nie widoczny."
Miałem tak właśnie napisać, ale posprawdzałem jeszcze raz i chyba błąd był dość prosty. Okazuje się, że jak się doda do position fixed, jeszcze, bottom: 10px to lepiej działa;) :P

generalnie póki co siada...

B.Eng napisał(a):

generalnie póki co siada...

O ile pamiętam, FB ma specyficzna filozofię generowania treści. Zamiast wyświetlać, jak ludzie, używając CSS na bieżąco pozycjonuje elementy JS-em.
Otwórz konsolę i sprawdź, gdzie się podziewa ten twój element, co go zasłania i kombinuj.