javascript - 为弹出 div 以外的屏幕设置黑色背景

Question

我有以下 div，我将其显示为弹出窗口:

    <div id="divOperationMessage" style="background-color: White; border: 2px solid black;
            display: block;  width: 350px; z-index: 1001; top: 60px; left: 240px; position: fixed; 
            padding-left: 10px;margin:auto;">

------------------Whatever content inside-----------------------------

                    </div>

显示时，我可以在主背景中轻松查看屏幕的其他部分。

其 View 如下:

(条目更新成功就是上面的弹出div)

我不想在有弹出窗口时显示背景屏幕。

我想把它变成黑色..

我怎样才能让它变黑？？

我尝试将不透明度设置为 0.75 ......但事实证明这是错误的......并没有解决我的目的......

我能为它做什么？？？

请帮帮我。

Answer 1

给你!

这是 HTML 代码:

<div id="overlay">
  <div id="pop-up">
    Content in Pop-up.
  </div>
</div>

这是 CSS 代码:

#overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  display: none;
}

#pop-up {
  background-color: white;
  border: 2px solid black;
  display: block;
  width: 350px;
  z-index: 1001;
  top: 60px;
  left: 240px;
  position: fixed; 
  padding-left: 10px;
  margin: auto;
}

希望这对您有所帮助!