gpt4 book ai didi

javascript - Bootstrap 字形图标/导航栏显示弹出窗口

转载 作者:行者123 更新时间:2023-11-28 17:18:09 26 4
gpt4 key购买 nike

我在我的模板中使用了 Bootstrap 中的一些东西,比如字形图标和导航栏。这是在我的“forum.php”上。现在,当我想删除一个主题时,我希望显示一个 javascript 弹出窗口,它工作得很好。但是通过那个弹出窗口我可以看到 Bootstrap 导航栏和字形图标。我该如何解决这个问题?

论坛.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;
}

弹出窗口

<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,在背景上我看到了 bootstrap 的 glypicon 而没有淡入背景。它显示没有不透明度。页面的其余部分使用 css 中定义的不透明度淡化。

最佳答案

将弹出窗口的 z-index 更改为 1。

关于javascript - Bootstrap 字形图标/导航栏显示弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28261508/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com