div里面怎么用iframe

如题所述

Div被Select挡住,是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构,互动性不大好。

这里采用的方法是:

虽说div直接盖不住select
但是div可以盖iframe,而iframe可以盖select,
所以,把一个iframe来当作div的底,
这个div就可以盖住select了.

引用内容
1"iframe 做为层的载体"后,
层与主页面的互动是窗口间的互动
2“用一个iframe当div的底”后,
层与主页面的互动是窗口内的互动

另外,对于方法1,
层的大小变化就会要求iframe的大小随着变化
从主页面到这个层会导致window的blur.

对于方法2,
只是在原有的div前加上这一句
<iframe style="position:absolute;z-index:9;width:e­xpression(this.nextSibling.offsetWidth);height:e­xpression(this.nextSibling.offsetHeight);top:e­xpression(this.nextSibling.offsetTop);left:e­xpression(this.nextSibling.offsetLeft);" frameborder="0" ></iframe>

试用大家的方法之后发现还是有一点小问题,出来的是白色浮动,而不是本来应该出来的绿色浮动层。
问题依然存在:

三、调试完成

最后发现应该稍作修改,一下代码是最终的方案:
1、在iframe的style里面一定要加上z-index而且要设为-1,这样它就不会把原来的div层也一起覆盖掉。
2、把<iframe></iframe>放在div层的上面就可以了。

程序代码

<iframe style="position:absolute;z-index:-1;width:e­xpression(this.nextSibling.offsetWidth);height:e­xpression(this.nextSibling.offsetHeight);top:e­xpression(this.nextSibling.offsetTop);left:e­xpression(this.nextSibling.offsetLeft);" frameborder="0">
</iframe>
<div class="submenutvc" id="tvc">
<dl><a href="#">汽车</a></dl>
<dl><a href="#">化妆品</a></dl>
<dl><a href="#">房地产</a></dl>
<dl><a href="#">日用品</a></dl>
</div>
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-10-31
<div style="border:1pt outset red">
DIV
<iframe frameborder=1>IFRAME</iframe>
</div>本回答被提问者和网友采纳
第2个回答  2015-11-06
<div>
<iframe>123</iframe>
<iframe>456</iframe>
<iframe>789</iframe>
</div>
第3个回答  2011-10-31
<div class="xxx" >
<iframe name="20" src="xxxxx.html" width="526" height="260" marginheight="0" marginwidth="0" scrolling="no" frameborder="no" align="middle"></iframe>
</div

div里面怎么用iframe
1、在iframe的style里面一定要加上z-index而且要设为-1,这样它就不会把原来的div层也一起覆盖掉。2、把<iframe><\/iframe>放在div层的上面就可以了。程序代码 <iframe style="position:absolute;z-index:-1;width:e­xpression(this.nextSibling.offsetWidth);height:e­xpression(this....

css中 “iframe” 如何调用 本页面的一个div
1、把DIV里面的内容单独做成一个网页,然后用iframe调用这个网页。代码为<iframe scrolling="no" width="宽度" height="高度" src="做成的网页网址url"><\/iframe> 2、直接用iframe调用这个完整的网页,通过css截取这个DIV所在的高度。<div style=" width:600px; height:300px;overflow:hidden;"> <...

如何div标签内嵌入外部网页
iframe方式:<div><iframe src="xxx.jsp"><\/iframe> ajax方式:<div id=“externalHtml"><\/div> ajax加载数据后,直接赋予 externalHtml.innerHTML 即可。script脚本方式:<div><script src="xxx.js" type="text\/javascript"><\/script><\/div> 以上三种方式,对于DIV,都是可以使用的。代码放在 ...

div中镶嵌一个iframe,怎么让iframe的滚动条不起作用,而div的滚动条起作...
你可以试试,让iframe的高度等于他引用页的body高度,这样iframe就不会出滚动条了,把div的高度设置成固定,并且当内容多于div高度时,自动出滚动条。不好意思,代码没有实现

DIV悬浮层如何跨页面在iframe框架之上显示
1.如果是frameset框架页面,没有办法写入div,让div浮在iframe上(可以使用window.open的方法弹出新窗口);2.如果只是页面中加入了iframe,则可以在包含iframe的页面中加入div。<div><\/div> <iframe><\/iframe>

iframe在div中如何自适应高度
\/\/window.onresize表示窗口触发时间的时候执行 \/\/两个函数,用闭包包裹起来()()window.onload=function(){ (window.onresize=function(){ \/\/获取可见宽度 var width=document.documentElement.clientWidth-180;\/\/180为左边的div的大小 \/\/获取可见高度 var height=document.documentElement.clientHeight-80;\/...

HTML中iFrame标签有哪些用法
我们会发现弹出的DIV没法遮住select, 轮到我们的iframe出场了。逻辑如下: 与弹出p同级放入iframe 保证iframe的 z-index小于弹层p z-index 增加window resize和scroll事件, 保证iframe能盖住整张页面部分代码var iframe = U.isie6() ? '<iframe style="position:absolute;left:0;top:0;z-index:...

htmliframe嵌套页面?
第一步:需要建立两个页面html与html,把html插入html第二步:在html中使用iframe\/iframe标签例如:iframesrc=...\/html\/iframe这样就插入了html页面。记录说明iframe说明iframe\/iframe标签用于定义一个页面的内联框架。就是在一个html页面中分出小块,然后用iframe把其他网页嵌入进来,这小块就会显示其他html...

div中包一个iframe底部空白或者高度撑不开
1、iframe默认是块元素,其display样式默认值是block。2、frame应该说即不是块元素也不是行内元素,虽然有display样式,但其默认值是none。3、frameset不是块元素也不是行内元素。4、frameset标签下只能使用frame标签而不能是iframe标签。IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架。

如何让iframe指向文件的某个div
我觉得,你想要的应该是,点击链接,打开iframe,并且只显示相应的内容。我建议可以用锚点链接的形式来做,如下:(".link"+i).click(function(){ ("#img-layout-ifr").show().attr("src","lay_2.php#"+$(this).attr('id'));\/\/在后面加个对应的ID });然后,再到lay_2.php页面中去做...

相似回答