erikhayry · November 27, 2019 08:11
diff --git a/dimmer-z.markdown b/dimmer-z.markdown
diff --git a/index.html b/index.html
 <div class="page">
  <ul>
    <li>1</li>
    <li class="active">2</li>
    <li>3</li>
  </ul>
  <div class="content">
    
  </div>
 </div>
 <div class="dimmer">
  
 </div>
diff --git a/style.scss b/style.scss
 li{
  background-color: red;
  margin: 10px;
 }

 li.active{
  position: relative;
  z-index: 3;
 }

 .content{
  position: relative;
  z-index: 3;
 }

 .dimmer{
  background-color: #000;
  opacity: 0.7;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
 }
No results found