1

iframe 内に div があります。私の問題は、div が開いたときに、iframe の幅の制限により、そのコンテンツが完全に表示されないことです。z-index で遊んでみましたが、iframe 内の div により高い z-index 値を設定しましたが、成功しませんでした。アドバイスをいただければ幸いです。ありがとう！

4

4 に答える 4

1

の境界からコンテンツをオーバーフローさせることはできませんiframe。したがって、overflowandz-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 に答える