Javascript 为什么当我的模态打开时，背景会变暗？

我有一个模态代码的例子

---

我想不出当模式打开时，代码的哪一部分会使背景变暗，请给我任何提示，谢谢。

让我们看看你的

.modal

css

.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4); /* <-- this is the culprit */
}

.modal{
显示：无；
位置：固定；
z指数：1；
填充顶部：100px；
左：0；
排名：0；
宽度：100%；
身高：100%；
溢出：自动；
背景色：rgb（0,0,0）；
背景色：rgba（0,0,0,0.4）；/*是具有黑色和不透明度的div产生了效果，即

<div id="myModal" class="modal">



默认情况下，该div是隐藏的（通过
display:none
），当用户单击“打开模式”按钮时，该div由JavaScript显示