放入 iframe 时覆盖页面的 CSS [重复]答案

【问题标题】：Override a page's CSS when put in an iframe [duplicate]放入 iframe 时覆盖页面的 CSS [重复]
【发布时间】：2014-02-13 15:30:00
【问题描述】：

是否可以获取一个网页，让我们说具有使标题position:fixed 的 CSS，然后使用 php 并使用 cURL 或 file_get_contents，并应用我自己的 CSS 文件将该标题更改为 @ 987654325@?

【问题讨论】：

我会将页面放在 iframe 中。
当然可以，但请记住，您还必须重写 html 中使用的每个相对路径。每个 src、href 以及可能的 javascript 和 css 属性都必须重写，这不是一件容易的事
PHP 所做的只是将一个 HTML 文件放在一起并将其发送给客户端。因此，例如 file_get_contents 从另一个页面获取 HTML 并将其放入您的页面，然后将其发送给客户端。 CSS 是客户端，这意味着您可以覆盖任何样式
您不能覆盖 iFrame 中的样式，因为 iFrame 实际上没有任何样式……它是一个拥有自己的样式关联的页面。
这是您的答案：如果 a) iFrame 的内容来自与父页面相同的域并且 b) 您使用 JavaScript stackoverflow.com/questions/217776/…，则可以这样做

【解决方案1】：

您可以使用一些 JavaScript 来识别您的页面是否在 iframe 中（查看这里了解更多信息：How to identify if a webpage is being loaded inside an iframe or directly into the browser window?）。

然后，您可以简单地在此基础上插入内联 CSS，让页面导入不同的 CSS 文件等。

【讨论】：