iframe窗口怎么防穿透

html-css025

iframe窗口怎么防穿透,第1张

event代码。iframe阻止点击穿透，上层点击时加上event这句，阻止事件冒泡到父元素，为上层添加下面样式代码即可。iframe是嵌入式框架html标签还是一个内联元素，iframe元素会创建包含另外一个文档的内联框架，也是一个比较特殊的框架，可以放在浏览器中的小窗口，可以出现在页面的任何一个位置上。

1、iframe里的也是一个独立的网页，只有它自己的css或它引用的css才对它有效。

当然你可以在父页面用js来控制。

2、使用css可以设置百分比，如width:100%；

IFRAME 里面的内容是在IFRAME 页面中的，可以使用js精确设置。

iframe不能调用本页面的一个DIV元素内容，但是可以变相达到目的：

1、把DIV里面的内容单独做成一个网页，然后用iframe调用这个网页。代码为<iframe scrolling="no" width="宽度" height="高度" src="做成的网页网址url"></iframe>

2、直接用iframe调用这个完整的网页，通过css截取这个DIV所在的高度。

<div style=" width:600pxheight:300pxoverflow:hidden">

<iframe scrolling="no" style="width:600pxheight:400pxmargin-top:-100px" src="网址url"></iframe>

</div>