WebSite X5Help Center

 
Domenico A.
Domenico A.
User

Header fisso trasparente e non  it

Autor: Domenico A.
Visitado 1005, Seguidores 3, Compartilhado 0  

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

Publicado em
6 RESPOSTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês 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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Stiac Engineering
Stiac Engineering
User

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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Roberto M.