iframe 内に div があります。私の問題は、div が開いたときに、iframe の幅の制限により、そのコンテンツが完全に表示されないことです。z-index で遊んでみましたが、iframe 内の div により高い z-index 値を設定しましたが、成功しませんでした。アドバイスをいただければ幸いです。ありがとう!
4 に答える
1
の境界からコンテンツをオーバーフローさせることはできませんiframe
。したがって、overflow
andz-index
プロパティを使用して、一部の要素を流出させることはできませんiframe
。
フレームの幅を広げるか、まったく使用しないようにする必要がありiframe
ます。たとえば、AJAXを介してコンテンツをロードし、ドキュメントの別の要素に挿入します。
于 2012-12-27T12:39:39.337 に答える
1
コンテンツが読み込まれるときに iframe のサイズを自動変更できます。
<script type="text/javascript">
function autoResize(id){
var height = document.getElementById(id).contentWindow.document.body.scrollHeight;
var width = document.getElementById(id).contentWindow.document.body.scrollWidth;
document.getElementById(id).height= (height) + "px";
document.getElementById(id).width= (width) + "px";
}
</script>
<iframe src="yourpage.html" id="yourframe" onLoad="autoResize('yourframe');"></iframe>
于 2012-12-27T12:47:55.333 に答える
0
divの絶対位置を使用しようとしましたか?何かのようなもの:
.div-overlay {
position:absolute;
top:200px;
left:100px;
}
于 2012-12-27T12:38:04.423 に答える
0
これはmargin:0
、iframeでフレーム本体のマージンが使用されていることが原因である可能性があります
html,body {margin:0px; padding:0px} //use this in iframe css
于 2012-12-27T12:38:34.980 に答える