Effetto "lightbox" da ajax

Ciao a tutti!

Volevo creare un'effetto chiamato "lightbox" praticamente non č altro che un div con sfondo nero con trasparenza a 70% che si vą a posizionare sopra un'altro div (che contiene un'immagine) che dą un'effetto "disabilitato".

Questo č l'effetto

Ho provato a fare cosģ:

#immagine  {
position: absolute;
top: 0;
left: 0;
z-index:0;
}

#page_overlay {
position: absolute;
background-color: #000000;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-moz-opacity: 0.7;
opacity: 0.7;
}
}

Su ie7 e FF funziona ma il dannato ie 6 no... Qualcuno ha qualche idea?

 :bye:

inviato 9 anni fa
Marco Dario
X 0 X

Risolto, era un bug di Internet explorer 6, Praticamente se si inposta "width: 100%" non copre tutta la pagina .

Bisogna invece dichiarare i px allora tutto funziona.  :D

Es:

Firefox e Internet explorer 7 width: 100%; funziona tutto, Internet Explorer 6 width: 1024px; o se non si są la  risoluzione che ha il monitor dell'utente imposti 999999px;

Ciņ sbattuto la testa una settimana...  :tichedoff:

 :bye:

risposto 9 anni fa
Marco Dario
X 0 X
Effettua l'accesso o registrati per rispondere a questa domanda