美文网首页
iframe遮罩层

iframe遮罩层

作者: 奋斗的小小小兔子 | 来源:发表于2018-07-17 17:59 被阅读3次
    1. 遮罩层
    <div id="modal-form" class="modal" >
      <iframe id="form-apply"
              src="http://c.sit.lattebank.com/loanweb/adRelease"
              width="800"
              height="500"
              frameborder="0"
              scrolling="no"></iframe>
    </div>
    
    // 样式
    .modal {
      position: fixed;   // 可以保证以原有页面内容的高度,遮罩
      top: 0;
      left: 0;
      bottom: 0;
      background: rgba(0,0,0,.5);
      height: 100%;
      width: 100%;
      display: none;
      justify-content: center;
    }
    
    .modal iframe {
      margin-top: 114px;
    }
    
    

    相关文章

      网友评论

          本文标题:iframe遮罩层

          本文链接:https://www.haomeiwen.com/subject/gjugpftx.html