在iframe内部和外部应用的CSS样式表

时间:2014-03-25 21:25:20

标签: html css iframe

我正在开发一种时髦的第三方网站,我可以访问CSS文件,但无法修改实际的html或JavaScript文件。我改变了网站的背景,但后来我发现css也适用于iframe内部的网页部分。在这些iframe中链接了相同的css文件,因此我应用于外部html body {}的背景标记也应用于内部集合。

有没有办法添加另一个选择器,只有在iframe内部或者没有办法解决这个问题时才适用?我已经尝试过iframe html body {}和#name-of-iframe body {}但是这些甚至不会显示为与浏览器中的内部主体相关联。 这是可以做到的吗?任何见解都表示赞赏。

1 个答案:

答案 0 :(得分:1)

不幸的是,你需要运行Javascript来确定你是否在iframe中运行。 CSS本身是不够的。

您可能会查找两个页面之间标记的差异 - 例如,<body>元素可能在iframe内的页面上具有不同的ID或类。