Bonjour,
Pas une question mais juste un retour de ma petite découverte CSS autour du squelette Galactic.
J'essayais de mettre en place un background de type diapo fondu-enchainé pur CSS (sans JS) :
https://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/
Donc <ul> comme 1er élément de <body>, et <li><span> avec images de fond sur <span>
Et je me heurtais à un comportement bizarre :
Les images de fond passaient par-dessus les couleurs de fond (rose) du menu latéral de Galactic <nav class='contentNav'>.
On ne voyait donc que le texte du menu sur le fond de page.
En cherchant beaucoup, j'ai trouvé de l'info ici :
https://developer.mozilla.org/fr/docs/Web/CSS/Comprendre_z-index/Empilement_sans_z-index
La note :
"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."
J'ai donc rajouté un position:relative sur la classe contentNav et tout est revenu dans l'ordre !!
Qui serait normalement ici :
https://zone.spip.org/trac/spip-zone/browser/galaxie/galactic/galactic/scss/blocs/_content.scss#L4
Merci de l'avoir lu
--
Stéphane
Les Voisins Spipeurs : http://www.voisins-spipeurs.net