0

Tengo este código que es de la sección 1:

background-image: url(../../assets/images/Fondo-Biografia.png);
background-repeat: no-repeat;
background-size: 100%;
margin-top: -181px;
margin-left: -1%;
z-index: 10;

y esta es la sección 2 el cual es el que quiero que quede debajo de la sección 1:

text-align: center;
background-image: url(../../assets/images/Fondo-Enfermeras.png);
background-size: 100%;

pero intente con el z-index, pero la sección 2 sigue saliendo por encima de la sección 1, ¿hay otra forma de hacerlo?

Gracias

4
  • 1
    tambien agrega el html. Edita tu pregunta
    – Rene Limon
    el 15 nov. 2018 a las 22:12
  • Aunque el z-index no es una propiedad difícil de entender, debido a suposiciones falsas puede causar confusión para los desarrolladores principiantes. Esta confusión se produce porque el z-index solo funcionará en un elemento cuya propiedad de posición se haya establecido explícitamente en absoluta, fija o relativa.
    – alanfcm
    el 15 nov. 2018 a las 22:12
  • entonces pongo la seccion 1 en posicion relativa? el 15 nov. 2018 a las 22:51
  • Agrega el html amigo, para poder ayudarte :)
    – Kataldo
    el 19 nov. 2018 a las 21:05

1 respuesta 1

-1

Pone reglas relative y absolute con el zindex para la absolute y

1
  • 1
    Creo que la respuesta está incompleta. ¿Puedes añadir un ejemplo con el css necesario?
    – jachguate
    el 20 nov. 2018 a las 4:37

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.