Comment faire apparaître div devant d’autres?

Veuillez vous référer aux codes ci-dessous:

D’après les codes ci-dessus, nous soaps que nous ne pouvons voir que la hauteur 100px du fond noir. Ma question est la suivante: comment pouvons-nous voir une hauteur de 500px de fond

noir? En d’autres termes, comment puis-je faire apparaître

devant

  • ?

    Utilisez la propriété CSS z-index . Les éléments avec une plus grande valeur d’index z sont placés devant des éléments avec des valeurs d’index z plus petites.

    Notez que pour que cela fonctionne, vous devez également définir un style de position ( position:absolute , position:relative ou position:fixed ) sur les deux / tous les éléments que vous souhaitez commander.

  • Vous pouvez définir le z-index dans css

     

    Le div noir affichera le plein 500px sauf si le overflow:hidden est défini sur le li 100px

    Les div supérieurs utilisent un index z plus élevé et les div inférieurs utilisent un index z inférieur, puis utilisent une position absolue / fixe / relative

    Je pense que vous manquez quelque chose.

    http://jsfiddle.net/ZNtKj/

     

    Dans FF4, cela affiche une barre noire de 100px, suivie d’un bloc rouge de 500px.

    Un exemple un peu différent:

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