iframe中嵌套的网页样式修改

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe中嵌套的网页样式修改相关的知识,希望对你有一定的参考价值。

我自己的网页上面,嵌套了一个别的页面,我想修改嵌套的那个网页上的其中一个#div的宽度,具体怎么修改,请给出事例。

参考技术A 假设 iframe的id为 fid ,样式表中加入
#fid #div width:200px!important;
试试这个行不行追问

写在那里?用js写?

追答

我这个是写在样式表里面的?你的是跨域名的别的页面吗 ?那样好像是不能改的

参考技术B 唉,用CSS层层定义追问

怎么个定义法,给个事例

参考技术C 非同域外部网页是不能更改的.

拒绝网页被 iframe 嵌套

在响应头里加一个X-Frame-Options

DENY:浏览器拒绝当前页面加载任何Frame页面
SAMEORIGIN:frame页面的地址只能为同源域名下的页面
ALLOW-FROM origin:origin为允许frame加载的页面地址

这样被不同源的页面以iframe包含时就不会显示了

以上是关于iframe中嵌套的网页样式修改的主要内容,如果未能解决你的问题,请参考以下文章

如何在一个html页面内的div里嵌入一个html页面

页面跳转如何进入一个嵌套在Iframe中的页面中?

有没有办法将iframe中链接的网页完全缩放至iframe中。我做出来的是图一的效果,怎么实现图二的效果。

修改iframes内元素的样式

匹配 MongoDB 中嵌套子文档的嵌套数组

mysql怎么在查询中嵌套子查询