页面上有 iframe 时，引导模式弹出窗口不起作用答案

【问题标题】：Bootstrap modal popup doesn't work while there is a iframe on page页面上有 iframe 时，引导模式弹出窗口不起作用
【发布时间】：2017-07-16 04:18:16
【问题描述】：

我想从导航栏按钮弹出引导模式，但主页内有一个 iframe（不在模型内）。当我从框架中删除 iframe 时，模式弹出窗口运行良好。但是如果有 iframe，模型就不起作用（模态窗口在主页面内而不是在 iFrame 中）。

这是我切换模式窗口的代码：

<a href="#myModal" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon glyphicon-cog"></span>&nbsp;&nbsp;Change Password</a>

这是我的模型代码：

<div class="modal fade" id="myModal">
 <div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <h4 class="modal-title">Modal</h4>
    </div>
    <div class="modal-body">
        <!-- Some content -->
    </div>
    <div class="modal-footer">
        <!-- Some content -->
    </div>
  </div>
 </div>
</div>

这是我的 iframe 代码：

<iframe name="mainCntnt" src="Pages/main/index.php?" class="frame" />

.frame 的 CSS 代码：

.frame{
    width: 100%;
    height:100%;
    border:none;
    border-radius:10px;
}

如何在不删除 iframe 的情况下解决此问题？

【问题讨论】：

标签： html css twitter-bootstrap iframe bootstrap-modal

【解决方案1】：

使用

<iframe name="mainCntnt" src="Pages/main/index.php?" class="frame"></iframe>

请注意结束标签

【讨论】：