problemi pseudo classi con IE

[manublack]

Ciao a tutti,

apro questa discussione perchè ho un problema con IE relativo alle pseudo classi...

Questo è il codice:

       #link li a{ 	
             padding: 0px 19px; 	                 
             text-decoration: none; 	                 
             background-image: url(../images/bottone.gif); 	                 
             background-repeat: no-repeat;  
        }    
       
       #link li a:hover{ 	                  
             background-image: url(../images/bottone.gif);  
       }    
      
       #link li a:active{ 	                  
             background-image: url(../images/bottone_Hover.gif);  
        }

Il problema è questo volevo fare l'effetto del bottone che viene cliccato e si apre una pagina a fronte del click.... Tutto questo su FF e Chrome funzione ma su IE no in quanto appena clicco su un bottone questo bottone rimane selezionato e non ritorna come prima....

Mi sapreste dire come mai?

[Prill]

con IE9 e il tuo codice (inserito in una pagina completa di Doctype) lo sfondo impostato su active compare solo al click e lascia posto all'altro al rilascio del mouse

[manublack]

Originariamente inviato da Prill
con IE9 e il tuo codice (inserito in una pagina completa di Doctype) lo sfondo impostato su active compare solo al click e lascia posto all'altro al rilascio del mouse

Quindi da quello che dici non funziona con i broswer più vecchi di IE9?

[Prill]

Explorer9 sembra comportarsi come gli altri browser, non ho versioni precedenti su cui testare. Che versione usi tu?

[manublack]

Uso la versione 7..... ma non capisco come mai con gli altri broswer funziona e con IE funziona ma per metà.... Nel senso che quando clicco l'immagine cambia ma poi rimane come tale senza ritornare allo stato originario...

[Prill]

mi pare di ricordare che in effetti lo stato active rimaneva attivo fino al successivo click, in qualunque parte della pagina

[manublack]

Originariamente inviato da Prill
mi pare di ricordare che in effetti lo stato active rimaneva attivo fino al successivo click, in qualunque parte della pagina

Esatto.... Infatti ho questo tipo di comportamento.... Ma che tu sappia esiste un modo per farsi di togliere questo effetto?

[Prill]

potresti usare gli eventi onmousedown e onmouseup per far cambiare lo stile del link (quindi far ricorso a javascript) ma non so se valga la pena complicare il codice; in effetti, comparendo lo sfondo sullo stato active solo per un istante alla pressione del mouse potresti anche impostarlo sullo stato hover direttamente

[manublack]

Originariamente inviato da Prill
potresti usare gli eventi onmousedown e onmouseup per far cambiare lo stile del link (quindi far ricorso a javascript) ma non so se valga la pena complicare il codice; in effetti, comparendo lo sfondo sullo stato active solo per un istante alla pressione del mouse potresti anche impostarlo sullo stato hover direttamente

Cioè? mi potresti fare un esempio pratico per favore...

[Prill]

non so se funge, prova:

css

a{ 	
    padding: 0px 19px; 	                 
    text-decoration: none; 	                 
    background-image: url(../images/bottone.gif); 	                 
    background-repeat: no-repeat;  
}    
       
a.uno{ 	                  
    background-image: url(../images/bottone_Hover.gif);  
}    

html
<a onmousedown="this.className='uno'"onmouseup="this.className=''">aaaaaaaaa</a>