Error de representación del índice Z en Chrome 19?

Tengo un menú desplegable en un sitio que se mostraba correctamente en todos los navegadores, incluido Chrome hasta hace poco. Ahora en Chrome 19 se muestra detrás de otro elemento aunque ambos tienen posicionamiento y el menú tiene el índice z más alto.Error de representación del índice Z en Chrome 19?

Ver imagen de la esquina superior derecha:

enter image description here

Y aquí está el sitio: http://www.mediaplanet.com/international/

¿Es esto un error de representación o es algo malo en mi código?

Fuente

2012-05-22 Testil Testilsson

Debe ser un error. He probado en la herramienta de desarrollador de Chrome, pero nada funcionó. Incluso Stackoverflow tiene algunos problemas de índice z con la nueva versión. Tu código parece estar bien. –

Confirmado un problema en Chrome 19. Funciona correctamente en Firefox 13 Beta. –

Mi solución a continuación corrige el error de CSS para Chrome 19 .... –

En su style.css hoja de estilo, establezca un z-index de 9999-#header .row y que debe hacerlo.

la actualidad es:

#header .row { 
    position: relative; 
    overflow: visible; 
}

a mí me funciona en Chrome 19 si lo cambia a:

#header .row { 
    position: relative; 
    overflow: visible; 
    z-index: 99999; 
}

Que debe hacer el truco! :)

Fuente

2012-05-22 15:09:03

Sweeeet! Muchas gracias, pensé que ya probé todas las combinaciones, ¡pero ciertamente me perdí esa! –

Error de representación del índice Z en Chrome 19?

Respuesta

Cuestiones relacionadas