JSFiddle - React, Tailwind, and code Playground

by fatelei

HTML

<div id="content">
   这里有一个遮罩。
</div>
<div class="overlay">
</div>

CSS

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.overlay {
  width: 100%;
  height: 100%;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
}

#content {
  margin: 300px auto;
  max-width: 300px;
}