html – 将div扩展到iFrame的边界之外？

概述是否可以将内容扩展到iframe的范围之外？ 在我的情况下,我以前渲染原生< select>控制iframe内部.作为本机控件,当渲染时,下拉列表可以占据iframe外部的空间.我最近将下拉列表转换为使用select2,使用各种< span>重建下拉列表.元素. 问题是现在它在< iframe>中被截止了： 我已经尝试将溢出设置为可见,但这不起作用： iframe { overflow: v 是否可以将内容扩展到iframe的范围之外？

在我的情况下,我以前渲染原生< select>控制iframe内部.作为本机控件,当渲染时,下拉列表可以占据iframe外部的空间.我最近将下拉列表转换为使用select2,使用各种< span>重建下拉列表.元素.

问题是现在它在< iframe>中被截止了：

我已经尝试将溢出设置为可见,但这不起作用：

iframe {   overflow: visible}

Here’s a Test Case on Plunker

JavaScript的：

$("#OpenSelect2").click(function(){ OpenPagePopup("select2.HTML","Select 2",150,400);});//Open Diagnosis Control for edittingfunction OpenPagePopup(location,Title,ht,wt) {  $('<div>')      .append($('<iframe/>',{          'class': "fullFrame",'src': location      }))      .dialog({          autoOpen: true,modal: true,height: ht,wIDth: wt,Title: Title      });}

index.HTML的：

<button ID="OpenSelect2">Open Modal with Select2</button>

select2.HTML：

<select >    <option value="AZ">Arizona</option>    <option value="CO">colorado</option>    <option value="ID">IDaho</option>    <option value="MT">Montana</option>    <option value="NE">Nebraska</option>    <option value="NM">New Mexico</option>    <option value="ND">north Dakota</option>    <option value="UT">Utah</option>    <option value="WY">Wyoming</option></select><script >  $('.select2').select2();</script>

可能的解决方法：

不要使用iframeS！是的,我知道,但这是我发现自己维持的situation.

解决方法 不可以.无法在iframe之外扩展内容.将其视为另一个浏览器窗口.

选项将扩展到iframe之下的原因是表单元素遵循它们自己的规则.它们因浏览器而异,对于某些元素,您无法更改样式.当您使用select2时,它会将表单转换为常规元素(而不是默认表单元素),因此您可以 *** 作该样式.不幸的是,这也限制了iframe.

考虑一下浏览器也可以这样做(但这并不意味着你可以)：

总结

以上是内存溢出为你收集整理的html – 将div扩展到iFrame的边界之外？全部内容，希望文章能够帮你解决html – 将div扩展到iFrame的边界之外？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。