我希望我的 iframe 弹出窗口仅在单击图像/链接时才可见，而不是默认情况下

Posted 2023-05-09

【中文标题】我希望我的 iframe 弹出窗口仅在单击图像/链接时才可见，而不是默认情况下

【英文标题】：I want my iframe popup to become visible only when an image/link is clicked, not by default

【发布时间】：2014-12-22 01:55:40

【问题描述】：

默认情况下，我的 iframe Bootstrap 模式会显示在我的页面上，而不仅仅是在单击时。我希望它在剩下的时间里隐藏起来。

 <div class="modal-dialog">
    <div class="modal-content">
         <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
         </div>
    <div class="modal-body">
        <iframe src="https://prism-communications.wistia.com/medias/05w0jf1niv" style="zoom:0.60"   frameborder="0"></iframe>
    </div>
 </div>

【参考方案1】：

事实证明这个 sn-p 可以完成这项工作

<div class="modal hide fade">
    ...
</div>

或：

style="display: none"