Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/07/2008, 01:45
superbully
 
Fecha de Ingreso: julio-2008
Mensajes: 1
Antigüedad: 15 años, 9 meses
Puntos: 0
menu no me funciona en ie6 - ayuda con :hover

hola !!
llevo varios dias intentado hacerle funcionar a un menu css en ie6. el menú me funciona perfectamente en firefox pero en ie6 nada de nada.
sé por lo que no me funciona, por el efecto 'hover', pero como no controla 100% al intentar adaptar el codigo para que me funcione en ie6 se me fastidia todo.
os dejo el codigo a ver si alguien puede ayudarme.
MUCHAS GRACIAS DE ANTEMANO.

Código:
/* DOWN type menus */
ul.cm_down li ul{
    top: 1.5em;
    left: -4px;
}

ul.cm_down li ul li.parent ul{
    left: 5.9em;
    top: -0.1em;
}

ul.cm_down li.parent:hover{
    background: #66cbca url(arrow-down.png) right center no-repeat;
}

ul.cm_down li.parent{
    background-image: url(arrow-down.png);
    background-position: right center;
    background-repeat: no-repeat;
}

ul.cm_down li li.parent:hover{ 
    background: #66cbca url(arrow-right.png) right center no-repeat;
}

ul.cm_down li li.parent{ 
    background-image: url(arrow-right.png);
    background-position: right center;
    background-repeat: no-repeat;
}
he encontrado en el google esto para resolver el problema, pero no sé exactamente que lineas tengo que reemplazar o si tengo que editar alguna de las funciones ya existentes
Código:
ul.cm_down li.parent {
  /* Add class 'hover' when hovered */
  stupid-ie-be-more-funny: expression(this.onmouseover =  new Function("this.className += ' hover';"));
}
ul.cm_down li.parent.hover {
  /* Duplicate bit from the :hover rule */
  background: #66cbca url(arrow-right.png) right center no-repeat; 
  /* Delete 'hover' class when unhovered */
  stupid-ie-be-more-funny: expression(this.onmouseout = new Function("this.className=(' '+this.className+' ').replace(' hover ','');"));
}
MUCHAS GRACIAS ! UN SALUDO !