javascript - 在图像和网页内容之间制作透明的白色覆盖

Question

我正在尝试为 OP.gif 制作一个背景，它的颜色是透明的白色，覆盖了所有网页，并在其下方输入 [type='text']覆盖率(透明白色)。因此最终用户无法点击输入。

<input type="text" />
<span style="position:fixed;left:40%;top:40%;"><img src="OP.gif" />Welcome</span>

我该如何处理？

Answer 1

HTML:

<input type="text" />
<div class="white-win">
   <span class="welcome"><img src="OP.gif" />Welcome</span>
</div>

CSS:

.white-win {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,0.5);
z-index: 99;
}
.welcome {position:absolute;left:40%;top:40%;}