css中 “iframe” 如何调用 本页面的一个div

html-css029

css中 “iframe” 如何调用 本页面的一个div,第1张

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>

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

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

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

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

单纯的css是无法控制iframe内元素的样式的。

你可以将css文件在iframe目标页里面引用或者通过js去控制iframe内元素的样式。

请参考:http://www.jb51.net/article/46383.htm

希望对你有帮助。