Z-Index sans position absolue

Question

En raison de la ruse CSS comme les marges négatives, j'ai parfois du code HTML qui est rendu sous le contenu HTML qui apparaît plus tard dans le document HTML. Même si les éléments d'origine devraient techniquement être en dessous des éléments ultérieurs, j'aimerais afficher les éléments ci-dessus les éléments ultérieurs.

Est-il possible de faire apparaître un élément HTML au-dessus d'un autre élément sans avoir à spécifier une position absolue ? Il ne semble pas que le z-index ait un effet sans position absolue.

Answer 1

Je sais que la réponse de Phrogz a déjà été acceptée, et c'est une bonne réponse, mais juste pour mémoire : vous n'avez pas toujours besoin de z-index .

Lorsque vous avez position:relative sur un élément, il sera également affiché au-dessus de tous les autres éléments qui n'ont pas de position (ou position:static ). Même si vous n'avez aucun z-index !

jsFiddle .