Ciao a tutti!

Sto progettando un'applicazione js per desktop che permette all'utente di navigare e compiere alcune azioni sulle pagine visitate tramite un'apposita barra strumenti.

La suddetta barra viene iniettata nella pagina tramite DOM -> $(body).prepend(barra);

Il mio problema è che alcune pagine, come ad esempio google, hanno delle barre strumenti posizionate in assoluto e che vanno quindi a nascondere la mia.

Certo potrei piazzare la mia e portarla in primo piano con z-index, ma sarebbe controproducente in quanto, di fatto, escluderei alcune funzionalità del sito ospite (che invece si vuole lasciare intatto).

Mi chiedevo quindi: visto che agire sui tag html e body sembra inutile, a cosa fa riferimento un elemento posizionato in assoluto?
Conoscete un metodo (css o js) per abbassare di X pixel un intera pagina?

e grazie.