引導glyphicon /導航欄顯示彈出窗口

Question

我在模板中使用了引導程序中的一些內容，例如glyphicon和navbar。 在我的“ forum.php”上。 現在，當我想刪除一個主題時，我希望顯示一個javascript彈出窗口，它工作正常。 但是通過該彈出窗口，我可以看到引導程序navbar和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>

css.css

#popup_container {
width:100%;
height:100%;
opacity:.99;
top:0;
left:0;
display: none;
position:fixed;
background-color:#313131;
overflow:auto
}

#prompt-delete {
position:absolute;
left:50%;
top:17%;
margin-left:-202px;
}

popup.php

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

Javascript.js

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

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

當通過該div在背景上顯示彈出窗口時，我看到了引導程序的glypicon，而沒有淡入背景。 它顯示為不透明。 頁面的其余部分隨着在CSS中定義的不透明度而逐漸消失。

Answer 1

將彈出窗口的z-index更改為1。