Javascript 引导图标/导航栏显示弹出窗口

我在模板中使用了一些来自引导的东西，比如glyphicon和导航栏。在我的“forum.php”上。现在，当我想删除一个主题时，我想显示一个javascript弹出窗口，它工作正常。但通过这个弹出窗口，我可以看到引导导航栏和glyphicon。我该如何解决这个问题

forum.php

    <table class="overview">
       <tr class="row1">
         <td class="col1">
            <button>
               <span class="glyphicon glyphicon-eye-open">
               </span>
            </button>
        </td>
      </tr>
   </table>

        <button onclick="showDiv()">Delete category</button>

popup.php

<div id="popup_container">
   <div id="prompt-delete">
      <h2> my popup</h2>
      <button onclick="closeDiv()">Close</button>
   </div>
</div>

当弹出窗口显示时，通过该div，我在后台看到引导的glypicon，而不会消失在后台。它显示不透明度。

---

页面的其余部分会随着css中定义的不透明度而褪色。

将弹出窗口的

z-index

更改为1。

谢谢，z-index可以工作。对于那些想知道z指数的人来说。它定义了div首先显示的内容（在本例中）。这也可以用于图像、文本等。

<div id="popup_container">
   <div id="prompt-delete">
      <h2> my popup</h2>
      <button onclick="closeDiv()">Close</button>
   </div>
</div>

function showDiv() {
   document.getElementById('popup_container').style.display = "block";
}

function closeDiv() {
   document.getElementById("popup_container").style.display = "none";
}