-5
votes

Comment changer de deux divs en HTML

Supposons que j'ai deux Div's qui se chevauchent mutuellement. Je veux échanger deux div. Sans faire de changement de code. Comment il est possible d'échanger deux div?


3 commentaires

S'il vous plaît regarder: Comment créer un exemple minimal, complet et vérifiable .


Échanger de quelle manière?


sans faire de changement de code je ne vois aucun code


3 Réponses :


0
votes

Voulez-vous échanger la visibilité de la DIV? Avec z-index strong>, vous pouvez mettre 1 div au-dessus de l'autre.

p>

<div class="red"></div>
<div class="blue"></div>


0 commentaires

2
votes

Vous pouvez utiliser flexbox code> commander pour y accomplir.

de MDN : P>

L'ordre commande strong> CSS code> Définit la commande pour définir un élément dans un flex ou conteneur de grille. Les éléments d'un conteneur sont triés par ordre croissant valeur, puis par ordre de code source. p> BlockQuote>

Regardez cette démo. Ouvrez-le en mode 'Plein page' et redimensionnez l'écran sur moins de 400px code> de sorte que les cases commencent à se chevaucher. Utilisation de la commande, j'ai échangé ou commuté, le div code> S sans avoir besoin d'un JavaScript code>. P>

 Entrez la description de l'image ici p>

p>

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>


0 commentaires

0
votes

Vous pouvez utiliser z-index pour résoudre ce problème

<!DOCTYPE html>
<html>
<head>
<style>
img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
</style>
</head>
<body>

<h1>The z-index Property</h1>

<img src="w3css.gif" width="100" height="140">

<p>Because the image has a z-index of -1, it will be placed behind the heading.</p>

</body>
</html>


0 commentaires