entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Modificar la posición z de elementos con CSS

En la siguiente serie de DIV traslapados ¿cómo puedo hacer que el primero se muestre hasta arriba de los demás?

div { position:absolute;width:100px;height:100px;border:1px solid #000 }

<div style="top:0;left:0">A</div>
<div style="top:50px;left:0">B</div>
<div style="top:100px;left:0">C</div>

2 Respuestas

2votos

dpoquet Puntos520

Utiliza el atributo z-index en CSS para ello. Por ejemplo:

<div style="top:0; left:0; z-index: 2;">A</div>
<div style="top:50px;left:0; z-index: 1;">B</div>
<div style="top:100px;left:0; z-index: 1;">C</div>

Con esto ya valdría, el primer elemento tiene un z-index de 2, superior al resto que tienen asignador un z-index de 1. Normalmente asignando un z-index alto al primer elemento es suficiente :)

1voto

Peter Puntos140650

Como bien te indica dpoquet, debe indicarse explícitamente el z-index del primer div:

<div style="z-index:10;top:0;left:0">A</div>

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Otras Preguntas y Respuestas


Actividad Reciente

  • Fahrek ganó una medalla hace 1 día

    Regular - Primera visita hace más de 90 días
  • Fahrek ganó una medalla hace 1 día

    Veterano - Primera visita hace más de 180 días
  • Fahrek ganó una medalla hace 1 día

    Antepasado - Primera visita hace más de 365 días
  • davidxyz ganó una medalla hace 3 días

    Humano Verificado - Verificó su email
  • davidxyz ganó una medalla hace 3 días

    Club de los 100 - Recibió un total de 100 puntos
  • tttest ganó una medalla hace 3 días

    Humano Verificado - Verificó su email
  • tttest ganó una medalla hace 3 días

    Club de los 100 - Recibió un total de 100 puntos
  • fmolina ganó una medalla hace 4 días

    Humano Verificado - Verificó su email
  • fmolina ganó una medalla hace 4 días

    Club de los 100 - Recibió un total de 100 puntos
...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta