elementi CSS sovrapposti

[michybetti1085]

ciao,
vorrei un aiuto sull pagina che sto realizzando..


http://www.pizza-landia.it/index.php?option=com_content&view=article&id=8&Itemid=171


quando clicco sull'immagine per ingrandirla, il menu css risulta essere in primo piano rispetto all'immagine in lightbox che viene tagliata.. non mi ricordo come si fa a risolvere questo inghippo...


vi ringrazio

[tonicopi]

Ciao michybetti e benvenuto nel forum 
incolla questa regola in fondo al css del tuo template:

Codice: [Seleziona]

.fancybox-wrap  {
  z-index: 10000 !important;
} 

[michybetti1085]

ri ringrazio.. ho mello la regola nel css template ma non mi sembra cambia niente..


ho provato a metterlo nel template.css e anche nel file css del modulo.. (fandelo in ateprima dallo strumento sviluppatori di chrome)


jquery.fancybox.css







.fancybox-wrap {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000 !important;
}




uffa

[tonicopi]

Ma 1000 o 10000 per te pari son? 

[michybetti1085]

no ma quello è un errore di trascrittura, anche con 1000 non funziona.


verifica pure.
grazie lostesso

[giusebos]

hai degli z-index impostati a 8020???

e l'impostazione sul div suggerito da tonicopi lì applicherei ad un contenitore più esterno

quindi la regola è questa:

Codice: [Seleziona]

.fancybox-overlay.fancybox-overlay-fixed {
  z-index: 10000 !important;
}
il diecimila è dato dal fatto che il livello deve essere superiore ad altri impostati a 8020

[michybetti1085]

okkey ti ringrazio, adesso funziona


grazie mille per il chiarimento!!