Q&A
以下のコードでiframeの手前にdivを表示したいのですが、
iframeだけが表示されてしまい、divが隠れてしまいます。
解決策をご教示頂けましたら幸いです。
どうぞよろしくお願いいたします。
html
1<html> 2<head></head> 3<body style="overflow: hidden;"> 4 5<iframe src="./panorama-set/_html5/eleanor.html" style="z-index:0; width:100%; height: 100%; position: absolute; top:0; left:0;"> 6 7<!-- このdivをiframeよりも手前に表示したい --> 8<div style="z-index:2; background-color:blue; width: 100px; height: 200px; position: fixed; top:5px; left:20px; display: block;"> 9 Hello! 10</div> 11 12</body> 13</html>
回答1件
0
ベストアンサー
iframeには閉じタグが必要です。
HTML
1<iframe src="./a.html" style="z-index:0; width:100%; height: 100%; position: absolute; top:0; left:0;"></iframe>
【<iframe>: インラインフレーム要素 - HTML: HyperText Markup Language | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/iframe
投稿2018/07/11 14:13
総合スコア69625
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。