Foros del Web » Creando para Internet » CSS »

tag:hover en ie6 falla

Estas en el tema de tag:hover en ie6 falla en el foro de CSS en Foros del Web. Buenos dias a todos. Bueno, resulta que esto me está trayendo de cabeza la verdad. Estoy creando un menu desplegable solamente en css... lo que ...
  #1 (permalink)  
Antiguo 13/02/2008, 02:22
Avatar de Shade  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 11 años, 1 mes
Puntos: 1
tag:hover en ie6 falla

Buenos dias a todos. Bueno, resulta que esto me está trayendo de cabeza la verdad. Estoy creando un menu desplegable solamente en css... lo que hago es así.

Código HTML:
<div id="menuheader">
    <li id="vue">
        <a href="#">Texto</a>
        
        <div id="menu_vuelos" class="desp_header">
            <ul>
                   <li style="border-bottom:1px dotted #FFFFFF;">
                       Asereje
                   </li>
                   <li style="border-bottom:1px dotted #FFFFFF;">
                       Ja
                   </li>
                   <li style="border-bottom:1px dotted #FFFFFF;">
                       Deje
                   </li>
             </ul>
          </div>

    </li>
</div> 

El div "menu_vuelos" lo tengo en display:none. Y lo que hago es lo siguiente en el css:

Código:
#menuheader #navheader li:hover .desp_header {display:block;}


En Firefox, safari, opera, Internet explorer 7... funciona perfecto. Pero como siempre, el magnifico IE6 no me hace ni caso.

He buscado y probado el metodo siguiente: http://snipplr.com/view/1912/interne...ie6-css-hover/

Pero ni caso.

Aparte, intento algo tan simple como esto y tampoco me hace caso:

Código:
.desp_header li:hover {background:#FFFFFF;color:#DE0000;}

Alguna idea? Muchisimas gracias a todos.
  #2 (permalink)  
Antiguo 13/02/2008, 04:44
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: tag:hover en ie6 falla

Cita:
Iniciado por Shade Ver Mensaje
Aparte, intento algo tan simple como esto y tampoco me hace caso:

Código:
.desp_header li:hover {background:#FFFFFF;color:#DE0000;}

Alguna idea? Muchisimas gracias a todos.
¿ Has probado si lo anterior funciona cuando no tienes el style definido en el .html ?
Es decir para:

Código:
<li>Asereje</li>
<li>Ja</li>
<li>Deje</li>
En caso afirmativo la solución podría pasar por definir en los li:link, li:visited, etc. dicho style.
__________________
Grupos de Música
Pop Music Stars
  #3 (permalink)  
Antiguo 13/02/2008, 07:04
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: tag:hover en ie6 falla

Hola Shade

En IE6 hover sólo funciona con enlaces.

Saludos,
  #4 (permalink)  
Antiguo 13/02/2008, 07:07
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Re: tag:hover en ie6 falla

la libreria "script ie7" permite que el ie6 reconozca el :hover en cualquier elemento :)
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
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 05:31.