1

我在 iframe 中有一个 div。我的问题是，当 div 打开时，由于 iframe 的宽度限制，它的内容没有完全显示。我尝试使用 z-index 并为 iframe 内的 div 设置了更高的 z-index 值，但没有成功。非常感谢任何建议。谢谢！

4

4 回答 4

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 回答
1

您不能将内容溢出iframe. 因此overflowandz-index属性不能用于让某些元素流出iframe.

您需要增加框架的宽度或根本不使用iframe；例如通过 AJAX 加载内容并将它们插入到文档的另一个元素中。

于 2012-12-27T12:39:39.337 回答
0

您是否尝试过使用 div 的绝对位置？就像是：

.div-overlay {
    position:absolute;
    top:200px;
    left:100px;
 }
于 2012-12-27T12:38:04.423 回答
0

这可能是因为margin:0iframe 中使用了框架主体边距

html,body {margin:0px; padding:0px}   //use this in  iframe css
于 2012-12-27T12:38:34.980 回答