Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/04/2009, 10:39
Avatar de Joni2Back
Joni2Back
 
Fecha de Ingreso: marzo-2009
Mensajes: 146
Antigüedad: 15 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