iframe遮罩层

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;
}