WebSite X5Help Center

 
Domenico A.
Domenico A.
User

Header fisso trasparente e non  it

Autor: Domenico A.
Visited 1004, Followers 3, Udostępniony 0  

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

Posted on the
6 ODPOWIEDZI
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Stiac Engineering
Stiac Engineering
User

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

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from Roberto M.