WebSite X5Help Center

 
Domenico A.
Domenico A.
User

Header fisso trasparente e non  it

Autor: Domenico A.
Besucht 628, Followers 3, Geteilt 0  

Buongiorno, ho seguito le indicazioni di KolAsimalla seguente discussione https://helpcenter.websitex5.com/de/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.

Gepostet am
6 ANTWORTEN
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT

... per poter verificare e valutare dovresti postare il LINK del sito...

... intanto hai già provato ad applicare la Sticky Bar ..e senza codici...?...

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Stiac Engineering
Stiac Engineering
User

Buongiorno, se non erro, dovresti aumentare il parametro z-index

Mehr lesen
Gepostet am von Stiac Engineering
Domenico A.
Domenico A.
User
Autor

Ciao, avevo la Sticky Bar ma l'ho disattivata. Preferisco una barra fissa.

Domani provo ad aumentare z-index.

Grazie per adesso.

Mehr lesen
Gepostet am von Domenico A.
Roberto M.
Roberto M.
User

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.

Mehr lesen
Gepostet am von Roberto M.
Domenico A.
Domenico A.
User
Autor

Ciao Roberto, infatti il problema è proprio il blog. Hai il codice per non coprire la parte superiore del header? Grazie

Mehr lesen
Gepostet am von Domenico A.
Roberto M.
Roberto M.
User

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.

Mehr lesen
Gepostet am von Roberto M.