JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<body>
<header style="z-index: 10080">
 header
</header>
<div class="up">
    <div class="modal" style="z-index: 90000">
      Contenu
    </div>
    
    Encore du contenu ici pour voir comment ça fonctionne
</div>
 
 
</body>

CSS

header {
  height:85px;
  background:#ccc;
  z-index:10080;
  position:fixed;
  top:0;
  left:0;
  right:0;
  box-shadow:0 5px 5px rgba(15,15,15,.5);
}

.modal {
  z-index:90000;
  background:black;
  height:400px;
  width:300px;
  color:red;
  margin-top:90px;
}

.up {
  z-index:1;
}