¿Cómo hacer que Div aparezca frente a otro?

Por favor, consulte los códigos a continuación:

De los códigos anteriores, sabemos que solo podemos ver una altura de 100 píxeles de fondo negro. Mi pregunta es ¿cómo podemos ver 500px de altura de

fondo negro? En otras palabras, ¿cómo puedo hacer que

aparezca delante de

  • ?

    Use la propiedad CSS z-index . Los elementos con un mayor valor de índice z se colocan delante de los elementos con valores de índice Z más pequeños.

    Tenga en cuenta que para que esto funcione, también necesita establecer un estilo de position ( position:absolute , position:relative , o position:fixed ) en ambos / todos los elementos que desea ordenar.

  • Puede establecer el índice z en css

     

    El div negro mostrará los 500 píxeles completos a menos que overflow:hidden esté configurado en 100px li

    Uso de div superior, índice z más alto y uso de div más bajo, índice z más bajo, luego use posición absoluta / fija / relativa

    Creo que te estás perdiendo algo.

    http://jsfiddle.net/ZNtKj/

     

    En FF4, esto muestra una barra negra de 100 píxeles, seguida de un bloque rojo de 500 píxeles.

    Un pequeño ejemplo diferente:

    http://jsfiddle.net/ZNtKj/1/