notorious
20-01-07, 18:32
Questa è la pagina: http://notoriousxl.netsons.org/
(è in costruzione, e devo cambiare ancora tante cose, come ad esempio la candela che è orribile :P )
Se cliccate su Login utilizzando Firefox 2.0.0.1 per mac, un div chiamato login appare correttamente sopra tutto il sito (avente z index pari a 1000), ma la barra di scorrimento del div che sta sotto... rimane visibile :|
Per nascondere il div, uso il seguente css:
.hidden {
position: absolute;
top: -1000em;
width: 1px;
height: 1px;
overflow: hidden;
}
Al click su login, tramite javascript cambio la classe da hidden a visible:
.visible {
background-image: url(img/welcome/login.jpg);
background-repeat: no-repeat;
position: absolute;
z-index: 1000;
height: 247px;
width: 394px;
left: 11px;
top: 16px;
}
I div sottostanti hanno z-index pari a 2 (comunque molto inferiore di mille), quindi non dovrebbero vedersi... e invece si vedono le barre :(
Voi come risolvereste?
Nota: il javascript non modifica la classe degli elementi sottostanti...
PS: con firefox per win, ie 7 o safari, la barra viene correttamente nascosta...
EDIT: posto lo screenshot del problema (dove si vede benissimo la barra di scorrimento...)
http://img267.imageshack.us/img267/3235/screenshot013if.jpg
(è in costruzione, e devo cambiare ancora tante cose, come ad esempio la candela che è orribile :P )
Se cliccate su Login utilizzando Firefox 2.0.0.1 per mac, un div chiamato login appare correttamente sopra tutto il sito (avente z index pari a 1000), ma la barra di scorrimento del div che sta sotto... rimane visibile :|
Per nascondere il div, uso il seguente css:
.hidden {
position: absolute;
top: -1000em;
width: 1px;
height: 1px;
overflow: hidden;
}
Al click su login, tramite javascript cambio la classe da hidden a visible:
.visible {
background-image: url(img/welcome/login.jpg);
background-repeat: no-repeat;
position: absolute;
z-index: 1000;
height: 247px;
width: 394px;
left: 11px;
top: 16px;
}
I div sottostanti hanno z-index pari a 2 (comunque molto inferiore di mille), quindi non dovrebbero vedersi... e invece si vedono le barre :(
Voi come risolvereste?
Nota: il javascript non modifica la classe degli elementi sottostanti...
PS: con firefox per win, ie 7 o safari, la barra viene correttamente nascosta...
EDIT: posto lo screenshot del problema (dove si vede benissimo la barra di scorrimento...)
http://img267.imageshack.us/img267/3235/screenshot013if.jpg