我在JavaScript中编写了一个"弹出窗口",我遇到了一个有趣的事情:

弹出窗口下方的海军广场是可见的,即使我希望隐藏它.弹出广告后添加了弹出窗口,所以应该在顶部.
opacity海军广场的CSS 属性是0.3.从我的尝试来看,似乎间隔中的每个数字(0,1)都会产生相同的结果.如果我将其更改为1,则其行为与预期一致(即弹出窗口下方的部分被隐藏).
我试图将z-index属性设置10为方块和100弹出窗口,但它不会改变任何东西.
我错过了什么?为什么显示方块的一部分?
经测试的浏览器: