[Résolu] Empilement par défaut des éléments Html en CSS

Bonjour,

Je me heurte à un petit problème de compréhension concernant le fonctionnement des propriétés z-index.
En effet, je suis en train de lire un article très complet de mozilla developer sur le sujet et en particulier sur l'empilement par défaut des éléments (sans z-index) qui se trouve ici : https://developer.mozilla.org/fr/docs/CSS/Comprendre_z-index/Empilement_sans_z-index

Dans cet article, je ne comprends pas ceci (dans la note en jaune) :

a écrit :
Les blocs standards (DIV #5) dans le flux normal, sans aucune propriété de positionnement, sont toujours rendus avant les éléments positionnés, et apparaissent en dessous de ces derniers, même s'ils interviennent plus tard dans la hiérarchie HTML.

Moi quand je copie colle leur exemple HTML + CSS dans mon éditeur puis que je le visualise sur firefox ou sur chrome, mon bloc non positionné apparait au dessus des blocs positionnés et non en dessous comme le prétend l'article.

Que penser donc ?

Merci d'avance,

Timothée

salut,
comme dirait un grand magicien "réalité ou fiction ?". Enlève la propriété "opacity" sur les div et un lapin sortira du chapeau

Bonjour,

peux-tu mettre le code HTML (et CSS) sur un codepen ou jsfiddle ? Tu as peut-être copié-collé un mauvais code : les div sont bien frères les uns des autres ?

Zelalsan a écrit :
salut,
comme dirait un grand magicien "réalité ou fiction ?". Enlève la propriété "opacity" sur les div et un lapin sortira du chapeau

Bien vu Zelalsan. Effectivement c'était ça. Pour un doc destiné aux débutants ils (les créateurs de cet article) auraient dû le préciser.

Merci à vous 2.

Timothée

Je passe le post en résolu. J'ai même édité la doc de Mozilla, on va voir si ma modif reste en place.
Modifié par Tim68 (07 Jun 2013 - 16:19)