Question

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

任何人都可以帮助我吗？感谢。

Answer 1

请参阅https://jsfiddle.net/7pLxnrrb/1/

您可以使用覆盖具有高z-index的页面的叠加div，并将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';

在表单关闭时隐藏叠加层。

除弹出窗体外，在不透明度0.5上添加背景

1 个答案: