z-index e Internet Explorer

25 Ene

Como muchos habréis comprobado en vuestras carnes, hasta la versión 7 de Internet Explorer, la propiedad z-index funciona como le da la gana a Microsoft. Esto provoca una serie de errores al mostrar la página como por ejemplo que un menú desplegable se muestre por debajo del contenido de la página.

¿Y a que se debe? vosotros diréis, aunque supongo que conocéis la respuesta de sobra: Explorer Sucks.

La W3C establece en el estandar CSS que solo los elementos con algún valor asignado a z-index deben crear su propio indice empezando en cero. Explorer, por supuesto, se pasa los estándares por el arco del triunfo y establece que todos los contenedores crean nuevos indices empezando en cero, por lo tanto la propiedad es mas o menos inútil.

Soluciando el problema

La mejor solución y mas sencilla es eliminar el z-index del elemento actual y aplicarselo al primer elemento padre.

<div style=”z-index:10″>

<ul>

<li><p>Quiero que me vean por encima del contenido!</p</li>

</ul>

</div>

2 comentarios to “z-index e Internet Explorer”

  1. Emanuel 1 febrero 2011 a 01:37 #

    Excelente me sirvio mucho llevaba mucho rato buscando la forma de hacerlo

  2. masajechino 1 noviembre 2012 a 17:04 #

    hola, estoy buscando la solucion…
    realice un navegador con css…funciona bien en todos ..menos en ie..simplemente no consigo que se despliegue el dropmenu…ya probe con el z-index..eso hizo que funcione en chrome y los otros, pero sigue sin funcionar en iexplorer.
    Cuando abro la pag en dweaver sale la advertencia…pero no lo se solucionar…cualquier consejo es bienvenido, gracias

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: