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>
Excelente me sirvio mucho llevaba mucho rato buscando la forma de hacerlo
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