hola a tod@s, tengo un sistema de rollver de botones en imagen que es el siguiente:
<div class="boton botonMeLoQuedoPortada" style="padding: 0px 10px;">
<a href="xxx">
<img alt="Me lo quedo" src="index.php_files/boton_me_lo_quedo_portada.gif" width="144" height="26" />
</a>
</div>
Tengo este div donde hay una a que contiene una imagen, el div a su vez carga la imagen de sustitucion detras de esta etiqueta <img>.
cuando te pones encima de a llamo al siguiente código css:
.boton a{display:block;text-align:left;}
.boton a:hover{visibility:visible;}
.boton a:hover img{visibility:hidden;}
Con lo cual la etiqueta <img> desaparece mostrando solo el fondo del div que es el botón de substitución.
En ie7, ff2, ff3, chrome ningún problema, como no en ie6 falla.
Me crea intermitencias cada vez que voy pasando el ratón por encima de la etiqueta <a> como si redibujase cada vez la regla css.
¿Alguien tiene alguna solución?
Saludos,