Ciao, recentemente ho creato un logo per mio sito, volevo che quando il mouse fosse fuori dai margini del logo il logo fosse "opaco" mentre col puntatore sul logo si trovasse nella sua condizione di normalità, per poi tornare opaco quando il puntatore del mouse si fosse trovato di nuovo fuori dall'area.. un rollover in pratica.
Lo script che mi ha permesso di farlo è questo:
Tutto funziona correttamente se non che su chrome tutto ok, su internet explorer si forma una sgranatura grigia dei contorni del logo, che potete vedere qui<style type="text/css">
a.linkopacity img { filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img { filter:alpha(opacity=100);
-moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }
</style>
Cosa dovrei fare?
Rispondi quotando
