2012-09-12 8 views
5

Tengo un problema con un menú de navegación para el que he aplicado pie.js (biblioteca que le permite tener css3 en los navegadores ie6-8). Funciona bien a primera vista, pero si jugamos un poco con el menú, el comportamiento incorrecto aumentará :(. Para recibir ese comportamiento extraño, debe mover el cursor un poco más rápido a la izquierda y derecha sobre el menú desplegable en IE8. una función a través de llamo biblioteca js.Menú de navegación: el fondo del vuelo estacionario tiene un comportamiento extraño

$(document).ready(function(){ 
    if (window.PIE) { 
     $('.aahov,ul#menu,ul#menu li ul').each(function(){ 
      PIE.attach(this); 
     }); 
    } 

});

Comprobar este ejemplo: http://mainpage.ueuo.com

... y no se olvide, sólo en los navegadores IE8 ...

de gracias.

+0

¿Puede agregar el código HTML y de script relevante a su publicación, por favor, ¿qué es 'PIE'? Esto tendrá poco sentido para cualquier usuario futuro que posiblemente busque una solución similar a un problema similar en el que se establezca Link-Rot y que el sitio vinculado haya desaparecido o haya cambiado. Si es posible, agregue un violín también en jsfiddle.net para permitir que otros apliquen cambios para probar posibles soluciones. – Nope

+0

@ FrançoisWahl tiene todo el código, por ejemplo, guarda la página como html, tendrá todos los archivos htlm, css y js ... PIE.js es una biblioteca js que le permite tener css3 en los navegadores ie6-8, leer la descripción. – mcmwhfy

+1

Solo para reiterar: 'Esto tendrá poco sentido para cualquier usuario futuro que posiblemente busque una solución similar a un problema similar en el que se establezca link-rot 'Básicamente, si su enlace está muerto o el sitio ha cambiado, la pregunta no hace sentir más. Es por eso que el css, script y/o html relevante siempre deben incluirse cuando corresponda. – Nope

Respuesta

2

Sus secuencias de comandos se ven bien para mí, parece que es algo en su estilo. No estoy muy seguro de lo que tiene allí, pero tal vez pueda utilizarlo para usar overflow:hidden, o al menos ese podría ser un buen lugar para comenzar.

+0

y donde debo agregar ese desbordamiento: oculto; ? – mcmwhfy

3

Podría ser que IE8 agregue algo de relleno extra.

Observé desde su CSS que no está utilizando un restablecimiento de CSS que puede ayudar a eliminar las diferencias basadas en el navegador.

Puede echar un vistazo a http://meyerweb.com/eric/tools/css/reset/ o algo similar.

también IE8 no es compatible con el último niño

ul # menu li ul li: last-child {border-bottom: ninguno; }

Esto también afectará el aspecto de los elementos del menú.

También como una nota al margen desde el punto de vista de la usabilidad, sería una buena práctica que el usuario sepa que el enlace del menú es un menú desplegable. Posiblemente agregue una flecha hacia abajo a la derecha del enlace.

Cuestiones relacionadas