In home, con JQuery, ho realizzato un div cliccando sul quale appare un div contenente il form per il login.
Il problema è che sull'area in cui appare il div, c'è un campo
<input type='image'...>
e il div, nonostante abbia z-index=999, solo su IE7, va comunque a finire sotto all'immagine.
Il CSS del div con il form è questo:
Per quanto riguarda l'input image, ho provato a metterlo dentro a un div con position prima absolute, poi relative e z-index sia 1 che 0.codice:nav #login-content { position: absolute; top: 44px; right: 0; z-index: 999; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px; }
Ho provato ad applicare posizione e z-index direttamente al campo input, ma niente, appare sempre sopra al div del login.
Come faccio a far comparire il div sopra l'immagine?