如何控制iframe 内的css

html-css036

如何控制iframe 内的css,第1张

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

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

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

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

不行的，主页只能控制iframe的位置，大小，边框等等，iframe的样式要写在里面．

或者你写个程序做代理，使用Ajax访问此程序，程序中打开iframe页面，输出想要的结果．有牛人用过这种方法，抱歉楼主，我不会．

修改iframe内部元素样式，并且内部内容高度自适应：

<iframe srcdoc="" frameborder="0" id="demo" style="vertical-align:topwidth:80%" onload="getIframeDom()"></iframe>

function getIframeDom(){

$("#demo").contents().find("p").css('margin','0')

$("#demo").contents().find("body").css('margin','0')

changeFrameHeight()

}

window.onresize=function(){

changeFrameHeight()

}

function changeFrameHeight(){

var ifm= document.getElementById("demo")

var iheight=$("#demo").contents().find("body").height()

$("#demo").height(iheight)

}