Buondì ragazzi. E' da tempo che dovevo trovare un modo per cambiare il colore del bordo di un'immagine su hover.
Il problema è sempre stato IE, se infatti con firefox un:
codice:
a:hover img { border: 2px solid #f39 }
andava più che bene, per IE non funzionava.
La soluzione l'ho tratta da questo sito: http://www.cssremix.com/
guardando il codice nel loro CSS.
Questa utilizza il filtro opacità.
CSS:
codice:
.container a img { border: 2px solid #999999; }
.container a:hover img {
filter: alpha(opacity=100);
opacity: 1;
border-color: #FF3399
}
HTML:
Questo funziona correttamente. Il problema è che purtroppo il filtro opacità da errore nella validazione del CSS.
Avete per caso soluzioni alternative e valid(at)e??