-1
je le balisage suivant:Comment inverser l'ordre des éléments de superposition positionnés en absolu?
.slider {
position: relative;
height: 100%;
width: 100%;
}
.slider div {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}<div class="slider">
<div class="div1">sample1</div>
<div class="div2">sample2</div>
<div class="div3">sample3</div>
<div class="div4">sample4</div>
</div>Ce code rend le .slider contenu superposition l'autre du dernier au premier élément, de sorte que le dernier est affiché pendant la d'autres sont surchargés. Ce que je veux juste retourne l'ordre d'affichage réel.
pourquoi ne pas ajouter z-index individuels divs la façon dont vous voulez –
Avez-vous essayé [z-index] (https://developer.mozilla.org/docs/Web/CSS/z-index)? Je pense que ça devrait marcher. – Stony
Je n'utilise pas z-index d'abord parce que j'ai d'autres ** superpositions ** sur le **. Divider ** div, et cela va me forcer à ajouter des z-index aux autres superpositions et aussi parce que je Je ne veux pas utiliser ** js **: Comme le contenu du curseur est dynamique, il me forcera à utiliser ** js ** pour manipuler l'index z. J'utilise juste ** js ** pour basculer les classes d'animation. – e200