javascript - 将背景设为不透明度0.5(弹出式窗体除外)

我创建了一个个人资料页面，当用户上传图片时，我将显示一个弹出式form元素。如果将其显示为body标签的不透明度，则将其设为0.5（弹出式窗体除外），这就是我的问题。它的不透明度也为0.5。您可以在JsFiddle上找到我的代码。

谁能帮我？谢谢。

最佳答案

见https://jsfiddle.net/7pLxnrrb/1/

您可以使用覆盖div，该div将以较高的z-index覆盖页面，并将poup的zindex设置为更高的值。

CSS：

.overlay
{
   position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
    background:rgba(255,255,255,0.7);
    z-index: 100;
}

HTML：

<div id='overlay' class='overlay' style="display:none;"></div>
<form style='z-index:101;'

JS：

document.getElementById('overlay').style.display = 'block';

表单关闭时隐藏叠加层。

关于javascript - 将背景设为不透明度0.5(弹出式窗体除外)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30682525/