Preguntas etiquetadas con z-index

11
¿Valor mínimo y máximo del índice z?
Tengo un div en mi página HTML. Estoy mostrando este div basado en alguna condición, pero el div se muestra detrás del elemento HTML donde apunté el cursor del mouse. He intentado todos los valores para el índice z de 0 a 999999. ¿Alguien puede decirme por qué sucede esto? …
518 html  css  z-index 

8
z-index no funciona con posicionamiento fijo
Tengo un divcon posicionamiento predeterminado (es decir position:static) y un divcon una fixedposición. Si configuro los índices z de los elementos, parece imposible hacer que el elemento fijo vaya detrás del elemento estático. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; …
422 css  z-index 


11
Colocación / superposición (índice z) de una vista sobre otra vista en Android
Tengo un diseño lineal que consiste en vista de imagen y vista de texto, uno debajo del otro en un diseño lineal. <LinearLayout android:orientation="horizontal" ... > <ImageView android:id="@+id/thumbnail" android:layout_weight="0.8" android:layout_width="0dip" android:layout_height="fill_parent"> </ImageView> <TextView android:id="@+id/description" android:layout_weight="0.2" android:layout_width="0dip" android:layout_height="wrap_content"> </TextView> Es posible que falten algunas reglas, esto es para dar una idea …

4
¿Por qué el índice z no funciona?
Entonces, si entiendo z-indexcorrectamente, sería perfecto en esta situación: Quiero colocar la imagen inferior (la etiqueta / tarjeta) debajo del div encima de ella. Entonces no puedes ver los bordes afilados. ¿Cómo hago esto? z-index:-1 // on the image tag/card o z-index:100 // on the div above tampoco funciona Tampoco …
182 html  css  z-index 

11
Problemas de capas de IE7 Z-Index
He aislado un pequeño caso de prueba del z-indexerror de IE7 , pero no sé cómo solucionarlo. He estado jugando conz-index todo el día. ¿Qué hay de malo z-indexen IE7? Prueba CSS: input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px …

13
¿Cómo usar el índice z en elementos svg?
Estoy usando los círculos svg en mi proyecto así, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> Y estoy usando el índice z en la getiqueta para mostrar los elementos primero. …

6
Flor de la paradoja del índice z de CSS
Me gustaría crear un efecto paradójico a través de la propiedad z-index CSS . En mi código tengo cinco círculos, como en la imagen de abajo, y todos están posicionados absolutamente sin definir z-index. Por lo tanto, por defecto, cada círculo se superpone al anterior. En este momento, el círculo …
98 css  z-index 

4
Traiga el elemento al frente usando CSS
No puedo entender cómo traer imágenes al frente usando CSS. Ya intenté configurar el índice z en 1000 y la posición en relativa, pero aún falla. Aquí hay un ejemplo: #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; …
87 html  css  z-index  jsfiddle 

6
El índice z se cancela configurando transformar (rotar)
Usando la propiedad de transformación, el índice z se cancela y aparece en el frente. (Al comentar -webkit-transform, z-index funciona correctamente en el siguiente código) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; …
84 css  z-index  transform 

6
Flotar un div sobre el contenido de la página
Implementé un cuadro emergente que muestra dinámicamente las opciones de búsqueda. Quiero que el cuadro "flote" sobre todo el contenido del sitio. Actualmente, cuando se muestra el cuadro, desplaza todo el contenido debajo y se ve mal. Creo que ya intenté configurar el índice z del div del cuadro por …
81 css  z-index 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.