posición: relativo que aparece sobre la posición: absoluto

Question

Tiene un problema extraño en IE7. En varios puntos, tengo un DIV que tiene una posición: absoluta en él (menú desplegable falso) siempre que hay algo detrás de él que tiene una posición: relativo el elemento posicionado relativo se mostrará a través del otro div.

Relativly elemento posicionado no tiene ningún conjunto índice z, mientras que el elemento con posición absoluta (el que yo quiero en la parte superior) tiene un índice z de 1000.

http://skitch.com/louiswalch/dub5h/microsoft-windows-vista

Answer 1

os sospechoso Ya lo he probado, pero establezca z-index en su elemento relativamente posicionado que sea más bajo que el elemento z-index de su elemento posicionado como la primera prueba.

Si eso no funciona, debe asegurarse de que ambos elementos estén en el mismo stacking context. En IE, cada vez que aplica la regla CSS position a un elemento, genera un nuevo contexto de apilamiento dentro de ese elemento. Esto significa que el índice Z solo se respetará correctamente dentro de los elementos secundarios y elementos secundarios de ese elemento en otros contextos de apilamiento con. Los índices z inferiores aún pueden apilarse arriba.

En su caso, debe colocar el menú desplegable y el botón en el mismo contexto de apilamiento o aplicar índice z a los 2 elementos que están generando sus propios contextos de apilamiento.