<html>
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="">
</head>
<body>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
<div id="overlay_ad">
<script type="text/template" id="iframeContent">
<html>
<!DOCTYPE html>
<head></head>
<body>
<p>
<a href="https://techblog.gmo-ap.jp/" target="_blank">
<img src="https://drive.google.com/uc?export=view&id=1_KLbZ75xNm0zPJpM5yFgOxtgpLm8esE0" width="100%" height="100%" alt=""/>
</a>
</p>
</body>
</html>
</script>
<iframe id="frm" height="50" width="320" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" allowTransparency="true">
</iframe>
</div>
</body>
</html>
#overlay_ad {
margin: 0;
padding: 0;
border: 0;
z-index: 999;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
var iframe = document.getElementById( 'frm' );
var content = document.getElementById("iframeContent").innerHTML;
var frameDoc = iframe.document;
if (iframe.contentWindow)
frameDoc = iframe.contentWindow.document;
frameDoc.open();
frameDoc.writeln(content);
frameDoc.close();
var elm = document.createElement('div');
elm.setAttribute('style', 'padding-bottom: 50px;background-color: transparent;');
document.body.appendChild(elm);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.