html中嵌套iframe框架弹出窗口和 HTML中弹出div_h5 弹窗展示iframe

作者：Gausst松鼠会 | 2024-02-18 20:29:29

踩

h5 弹窗展示iframe

因为项目需要，我需要一个iframe嵌套一个弹出的窗口，使得父窗口不能点击；需要一个弹出一个div区域来进行对一些内容的修改，花了一天时间实现了这些效果。

html文件：

<!DOCTYPE html>
<html>

   </head>
   <style type="text/css">
      #a1 {
           color: white;
       }
       .btn-color {
           color: #fff;
           background-color: #3892d3;
           border-color: #46b8da;
       }
       #div1 {
           display: none;
           position: absolute;
           left: 40%;
           top: 30%;
           width: 400px;
           height: 200px;
           border: 1px solid #9D9D9D;
           background: white;
           text-align: center;
       }

       #open {
           position: absolute;
           top: 40%;
           background-color: #C0C0C0;
           left: 40%;
           width: 100px;
           height: 50px;
       }
       /*关闭按钮*/
#HCloseBtn{width:24px;height:24px;line-height:24px;display:inline-block;cursor:pointer;background-color:#ccc;color:#fff;font-size:1.4em;text-align:center;position:absolute;top:8px;right:8px;}
   </style>

</tr>
<tr>

                       <td>
                           <button class="btn-color" ">浏览</button>
                           <a class="open " href="#" οnclick=&#

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/110366