¿Error de Internet Explorer z-index?

¿Cómo superpones un elemento sobre otro que está relativamente ubicado en Internet Explorer? El índice Z no funciona, siempre aparece detrás del elemento relativamente posicionado.

Parece que estoy bromeando, pero no soy

.myLinkCssClass { background : url(#); } 

No estás por casualidad tratando de poner algo sobre un combobox (etiqueta de selección), iframe o película flash ¿verdad?

En esos casos, el índice Z es una causa perdida.

De lo contrario, ¿qué versión de navegador estás usando y estás usando posicionamiento absoluto?

Tuve un verdadero problema con este problema para el cual esta solución no era relevante. Es un poco difícil de explicar así que intentaré usar el código:

 
In between
In the back
Foreground

El problema es que si se establece el índice z del padre en un valor más alto, se moverá al primer plano en lugar de a la parte posterior donde se supone que debe estar. Me encontré con una solución completamente por accidente: hice una copia del elemento en primer plano (id = third) fuera de su padre.

 
In between
In the back
Foreground

Vale la pena mencionar que en mi código original los elementos no tienen ID así que no sufro de 2 elementos compartiendo el mismo e invalidando mi HTML.

Creo que es seguro clasificar esta rareza como otro error que ayuda con el original, pero funciona, al menos para mí. ¡Espero que alguien lo encuentre útil!

Cree y luego establezca una imagen de fondo transparente adicional en el elemento que desea tener en la parte superior. Para mí, finalmente funcionó en IE8. HABLAR CON DESCARO A:

  #galerie-link { position: absolute; z-index: 1000; top: 25px; left: 40px; a { display: block; width: 185px; height: 90px; background-image: url(../images/transparent.png); } } 

Quería señalar que si está utilizando IE8 y abajo, no es compatible con filtros CSS3. Este fue mi problema.

Estaba usando:

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@black00', endColorstr='@black00', GradientType=0); 

No importa a qué establezca mi posición o índice Z, no podría ver la otra capa porque estaba causando una máscara completa sobre esa capa (en lugar de ir de claro a negro y borrar de nuevo).

Al eliminar el filtro CSS3 solo para IE8, pude resolver mi problema.

Espero que esto ayude a alguien que se encuentra con el mismo problema.

Tuve el mismo problema en un html donde muchos divs posicionados relativos repetidos estaban bloqueando la vista del div en posición absoluta. La solución provista por http://www.brenelz.com, que ya he utilizado con éxito, no funcionaba en este caso. Por lo tanto, lo siguiente funcionó para mí: eliminé el posicionamiento relativo de los divs que mencioné primero, luego agregué un CSS para activar esos divs relativos al desplazarme. Déjame mostrarte el código:

Antes de:

 DivThatYouMustHover { height: 300px; position: relative; width: 200px; } 

Después:

 DivThatYouMustHover { height: 300px; width: 200px; } DivThatYouMustHover:hover { position:relative; } 

De esta forma, las otras “hermanas” de ese div se mantienen con un posicionamiento normal y no interfieren con el diseño. ¡Funcionó muy bien para mí! Espero que te ayude a ti también.