我按照 @RobW's answer to this question 创建了一个内容脚本 Chrome 扩展工具栏.
我现在正试图让某些元素覆盖在页面的其余部分上，但目前它们只显示在 iframe 中。
例如，单击一个图标并显示一个通知面板/工具提示。如您所见，它被 iframe 的边缘截断了:
有没有办法更改面板的 CSS，使其悬停在页面其余部分的顶部，尽管它位于单独的 iframe 中？
顺便说一句，我将工具栏的高度设置为 143px，而不是您可能期望的 43px，这样问题会更加明显。
最佳答案
不，我相当确定您不能使用基于 iframe 的方法来做到这一点。这超出了 iframe 内容隔离的目的 - 想象一下 clickjacking可能性!
您需要将您的 UI 注入(inject)文档本身。
您可能会选择基于 iframe 的方法，例如，因为可能与页面自身的 CSS 发生冲突。值得庆幸的是，有一个现代工具可以帮助解决这个问题 - Shadow DOM .
关于css - 强制 iframe 中的元素显示在页面的其余部分，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28184889/