Articles of z index

Z-index roto en IE8?

Este código funciona en todos los otros navegadores que he probado, excepto IE8. IE8 parece ignorar el índice Z y la ventana emergente se convierte en un pop-under. Está en el lugar correcto, solo se renderiza debajo de la miniatura. ¿Nadie? ¡Gracias! HTML: CSS: .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; […]

Java Swing: ¿cómo mostrar un panel en la parte superior de otro panel?

Deseo tener un diálogo interno (sin ventana) para solicitar la entrada de los miembros. Me gustaría que el diálogo se coloque centralmente en un JPanel existente. He observado los paneles en capas y parecen inutilizables debido a que solo tienen un único administrador de diseño (o ningún administrador de diseño) en todos los paneles. Supongo […]

Índice Z con pseudo-elemento anterior

Creé un elemento ‘header’ con un elemento before-pseudo. el elemento pseudeo debe estar detrás del elemento padre. Todo funciona bien hasta el momento en que doy mi ‘encabezado’ un índice Z. Lo que quiero: el “encabezado” amarillo en el primer plano, el pseudo-elemento rojo en el fondo y un simple z-index de 30 en el […]

Bootstrap Modal sentado detrás del telón de fondo

Así que tengo casi el mismo problema que @Jamescoo , pero creo que mi problema proviene del hecho de que ya he colocado un par de DIV para crear un panel de navegación deslizante. Aquí está mi configuración exacta replicada: http://jsfiddle.net/ZBQ8U/2/ BONO: Siéntase libre de tomar el código para el panel deslizante si lo desea […]

Cómo encontrar el índice z más alto usando jQuery

Tengo una serie de elementos div con diferentes índices z. Y quiero encontrar el índice z más alto entre estos divs: ¿cómo puedo lograrlo? CSS: #layer-1 { z-index: 1 } #layer-2 { z-index: 2 } #layer-3 { z-index: 3 } #layer-4 { z-index: 4 } HTML: layer-1 layer-2 layer-3 layer-4 Sin embargo, no creo que […]

z-index no funciona en Internet Explorer con pdf en iframe

No puedo hacer que z-index funcione en un iframe que contiene un archivo pdf con IE8. Funciona con Google Chrome. Ejemplo ( JSFiddle ): HTML my text that should be on top CSS #div-text{ position:relative; left:210px; top:20px } #shouldBeOnTop{ position:relative; right:60px; background-color:red; width:100px; z-index:2; } #div-frame{ position:relative; z-index:1; }

:: antes del problema de orden de astackmiento de pseudo-elemento

Cuando está posicionado estáticamente, el :: pseudo elemento antes se acumula (índice Z) antes del contenido del niño, pero después del fondo del niño. ¿Alguien puede explicar por qué o incluso cómo está sucediendo esto o si este es un problema que tienen todos los navegadores principales? div { background-color:yellow; width:400px; } div::before { background-color:red; […]

¿Qué tiene mayor prioridad: la opacidad o el índice Z en los navegadores?

Estoy codificando una “ventana emergente” en JavaScript y me he encontrado con algo interesante: El recuadro azul debajo de la ventana emergente es visible, aunque espero que esté oculto. La ventana emergente se agregó después del cuadrado, por lo que debería estar en la parte superior. La propiedad de opacity CSS del cuadrado azul marino […]

Z-Index ¿Relativo o Absoluto?

Estoy tratando de encontrar una respuesta a la siguiente pregunta: ¿Es el estilo de índice Z de un elemento su orden de stack absoluta o su orden de stack en relación con su elemento primario? Por ejemplo, supongamos que tengo el siguiente código: Hello World I Dominate! ¿Cuál estará al frente – #dHello, o #dDomination? […]

Problema IE7 Z-Index – Menú contextual

Tengo el siguiente botón con el menú contextual asociado Action Remove Detail Assign Cuando se hace clic en el botón, el ul asociado aparece debajo de él como un menú contextual. Esto funciona muy bien en todos los navegadores, excepto en IE 7. En IE7, el menú contextual (ul) se muestra debajo del botón debajo […]