Header fisso trasparente e non 
Autore: Domenico A.
Visite 1002,
Followers 3,
Condiviso 0
Buongiorno, ho seguito le indicazioni di KolAsimalla seguente discussione https://helpcenter.websitex5.com/it/post/222769
e sono riuscito a rendere l'header fisso. Ho un problema però, mi rimane trasparente sui testi ma non sulle immagini quando scrollo.
il codice utilizzato è:
<style>
#imHeader {position:fixed; z-index:2 !important;margin:auto !important;width:100% !important}
#imMnMn { z-index:3 !important}
#imContent { top:0px !important}
</style>
con il top a 0px
come posso fare per eliminare la trasparenza?
vi inserisco anche un immagine dove una freccia rossa indica il problema.
Grazie.
Postato il
... per poter verificare e valutare dovresti postare il LINK del sito...
... intanto hai già provato ad applicare la Sticky Bar ..e senza codici...?...
.
ciao
.
Buongiorno, se non erro, dovresti aumentare il parametro z-index.
Autore
Ciao, avevo la Sticky Bar ma l'ho disattivata. Preferisco una barra fissa.
Domani provo ad aumentare z-index.
Grazie per adesso.
Con header fisso potresti avere poi bloblemi con la barra del blog (risolvibili con codice extra). Se mettevi a zero l'header e facevi scendere la sticky bar (che a quel punto diventa fissa) potevi lavorare la trasparenza dalle opzioni senza inserimento di codici. Il contro (nel secondo caso) è che poi sul blog dovevi inserire codice extra per far scendere blog e barra laterale.
Autore
Ciao Roberto, infatti il problema è proprio il blog. Hai il codice per non coprire la parte superiore del header? Grazie
blog ▼
<style>
#imContent {
padding-top: 150px !important;
}
</style>
OPPURE BARRA LAT.BLOG ▼
<style>
#imBlogSidebar {
padding-top: 70px !important;
}
</style>
Puoi variare le dimensioni in funzione dell'altezza del tuo header.