iframe popup

HTML

<h1>
Lorem Ipsum
</h1>
<p>
Vivamus mauris lectus, convallis sit amet malesuada et, consequat a est. Integer id ante sit amet massa laoreet ultricies at fermentum sem. Cras eu ipsum metus. Vestibulum maximus aliquam odio sed congue. Duis sit amet rutrum lacus, at tempor lacus. Quisque sapien magna, gravida sit amet egestas eget, posuere sit amet velit. Sed consectetur elit ut lectus malesuada, non lobortis dolor venenatis.
</p>
<h2>
Cras et rutrum nisi
</h2>
<p>
Nunc dictum ipsum ipsum, vel pretium tellus scelerisque non. Vestibulum auctor molestie felis non imperdiet. Cras eget enim venenatis massa pharetra sollicitudin eget eget mauris. Vivamus imperdiet aliquet mi, at efficitur nibh interdum sit amet. Ut vulputate nulla non est euismod faucibus. Cras mattis fringilla neque, quis sagittis turpis accumsan non. In at gravida ipsum. Sed odio nibh, vestibulum eget fringilla quis, maximus a felis.</p>

CSS

#popup {
  position: absolute;
  width: 200px;
  height: 200px;
  z-index: 15;
  top: 25%;
  left: 50%;
  margin: -50 0 0 -100;
  background: grey;
  opacity: 1;
}

JavaScript

$(document).ready(function() {
  	var meuPopUp = '<iframe id="popup" src="about:blank" style="height: 200px; border: 0px none; width: 200px; margin-bottom: 0px; margin-left: 0px;" scrolling="no"></iframe>';
  $(document.body).append(meuPopUp);
var doc = document.getElementById('popup').contentWindow.document;
doc.open();
doc.write('<html><head></head><body><h2>Vitae Vehicula</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu congue nisi, vitae vehicula sem. Pellentesque a fermentum elit.</p></body></html>');
doc.close();
});