Foros del Web » Creando para Internet » CSS »

problema ie6 visibility:hidden

Estas en el tema de problema ie6 visibility:hidden en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/12/2008, 08:45
 
Fecha de Ingreso: septiembre-2007
Mensajes: 39
Antigüedad: 17 años, 1 mes
Puntos: 0
Exclamación problema ie6 visibility:hidden

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,

Última edición por ferran_; 18/12/2008 a las 07:08
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:55.