:active ie

[cane-nero]

ciao, sto realizzando un bottone che su firefox va ok ma su explorer ha dei probblemi:
ecco il codice semplificato:

css: 

<style>
.classe{background-image: url(immagine.png);}
.classe:active{background-image: url(immagineclick.png);}
</style>

html:

[img]pngtrasparente.png[/img]

credo che explorer non supporti la pseudo-classe ":active", come la posso sostituire per rendere il tutto compatibile?

[Braco]

Originariamente inviato da cane-nero
ciao, sto realizzando un bottone che su firefox va ok ma su explorer ha dei problemi:
ecco il codice semplificato:

css: 

<style>
.classe{background-image: url(immagine.png);}, 
.classe:active{background-image: url(immagineclick.png);}
</style>

html:

[img]pngtrasparente.png[/img]

credo che explorer non supporti la pseudo-classe ":active", come la posso sostituire per rendere il tutto compatibile?

Questo l'ho fatto io, va bene con IE e FF (manca ovviamente il js di richiamo):

/*Bottone B */
#bottoneB a{
float:left;
background:#dadada;  
width:20px;
height:20px;
line-height:20px;            /*Allinea verticalmente il testo */
margin-right:2px;
font-family:times new roman;
font-size:12px; color:black;
font-weight:900;
text-decoration:none;
display:block;
text-align:center;
border-top:1px solid white; 
border-left:1px solid white; 
border-bottom:1px solid #808080;
border-right:1px solid #808080;
}

#bottoneB a:hover{ 
background:#a6ffa6;
}

#bottoneB a:active{ 
background:yellow;
border-top:1px solid #808080;
border-left:1px solid #808080;
border-bottom:1px solid white; 
border-right:1px solid white; 
}

...

<div id="bottoneB"> 		
B
</div>

Lo puoi vedere qui http://www.photoman.altervista.org/guestbook/form.php

[cane-nero]

ok, ho risolto tutto!