如何让模态在html和css中重叠div?
我有一个模态,但它与另一个div重叠如何修复? 屏幕截图附在下面如何让模态在html和css中重叠div?,html,css,Html,Css,我有一个模态,但它与另一个div重叠如何修复? 屏幕截图附在下面 我想在单击按钮时显示模式 但是有一个浮动菜单栏,它与moadal重叠显示,如屏幕截图所示 我的模态代码是 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel&quo
我想在单击按钮时显示模式
但是有一个浮动菜单栏,它与moadal重叠显示,如屏幕截图所示 我的模态代码是
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<table class="table table-dark text-center" style="width: 100%;height: 100%">
<tr>
<td colspan="2" rowspan="2" style="width: 50%">
<iframe
class="embed-responsive-item card-img-top"
src=""
id="mLink"></iframe>
</td>
<td class="align-middle">
<span id="mStandard"></span>th
</td>
<td class="align-middle">
<span id="mMedium"></span>
</td>
</tr>
<tr>
<td class="align-middle">
<span id="mSubject"></span>
</td>
<td class="align-middle">
<span id="mChapter"></span>
</td>
</tr>
<tr>
<td colspan="2" style="width: 50%">
Teacher's Actions:<br> <span id="mTeacher"></span>
</td>
<td colspan="2" style="width: 50%">
Student's Actions:<br><span id="mStudent"></span>
</td>
</tr>
<tr>
<td colspan="2">
<a href="#" class="btn btn-primary" target="_blank"
id="mVideo">Watch Video</a>
</td>
<td colspan="2">
<button type="button" class="btn btn-danger"
data-dismiss="modal">Close</button>
</td>
</tr>
</table>
</div>
</div>
</div>
th
教师的行为:
学生的行为:
接近
只需增加莫代尔的z指数即可。您可以尝试类似于z-index:9999999的方法来确保解决它 顺便说一句,你不应该用表格来编码你的布局。这看起来很容易,但代码会变得脏,并且随着时间的推移很难维护