Abbassare elemento ASSOLUTO

[kreider186]

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.

[kreider186]

Come non detto, ci sono arrivato da solo. Scusate il post inutile , cancellate pure.

Per la cronaca, se interessasse, basta dare un posizionamento al body:

visto che agire sui tag html e body sembra inutile

$(body).css('position', 'relative'); //a questo non avevo pensato
$(body).css('top', '50px');
$(body).prepend("<div style='position:absolute; top:-50px;...

Vogliate scusarmi per il post sparato a vuoto e buona giornata.