Foros del Web » Creando para Internet » CSS »

#div:hover en IE6

Estas en el tema de #div:hover en IE6 en el foro de CSS en Foros del Web. Hola amigos, les cuento que habia empezado una web con unos botones que cambiaban de forma al pasar el mouse por encima esto lo habia ...
  #1 (permalink)  
Antiguo 08/04/2009, 11:39
Avatar de Joni2Back  
Fecha de Ingreso: marzo-2009
Mensajes: 146
Antigüedad: 8 años, 8 meses
Puntos: 1
#div:hover en IE6

Hola amigos, les cuento que habia empezado una web con unos botones que cambiaban de forma al pasar el mouse por encima
esto lo habia hecho en java pero los estandares web no me lo permitian

Asi que opte por hacerlo en css entonces me quedo algo asi

Código CSS:
Ver original
  1. div#contacto,#contacto:visited{
  2. width: 343px;
  3. height: 107px;
  4. background: url('../images/botones/contacto.png');
  5. background-position:  center center;
  6. background-repeat: no-repeat; }
  7.  
  8. div#contacto:hover{
  9. width: 343px;
  10. height: 107px;
  11. background: url('../images/botones/contacto_hover.png');
  12. background-position:  center center;
  13. background-repeat: no-repeat; }

Hasta ahi todo perfecto si lo visualizaba en firefox/opera/safari
El problema esta en el crossbrowser con IE6, ya que no me cambia la imagen al pasar el mouse por encima!

Existe algun hack o metodo para que tambien funcione en IE6 siempre que sea dentro de los estandares xhtml ?

Saludos
  #2 (permalink)  
Antiguo 08/04/2009, 11:52
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: #div:hover en IE6

Aqui explican como se hace, esta en ingles.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 08/04/2009, 12:27
Avatar de Joni2Back  
Fecha de Ingreso: marzo-2009
Mensajes: 146
Antigüedad: 8 años, 8 meses
Puntos: 1
Respuesta: #div:hover en IE6

Genial ! gracias
ya lo pude resolver con ese link que me pasaste
el problema era que yo usaba
Código HTML:
Ver original
  1. <a href="#"><div id="contacto"></div></a>

En cambio la forma correcta era al revez

Código HTML:
Ver original
  1. <div id="contacto"><a href="#"></a></div>

Saludos
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 12:05.