Z-Index和iFrames

Question

我正在使用iframe嵌入我写入另一个应用程序的简单html和css。在我的代码中，当您将鼠标悬停在页面元素上时，我正在使用CSS创建上下文菜单。然而，当我使用悬停菜单靠近iframe的边缘时，它会被切断并保持在框架下方。我尝试了许多不同的z-index变体，但没有任何效果。有没有办法让这个菜单显示在父窗口上方？

对此有何想法？

Answer 1

属于CSS堆叠上下文的任何位置和规则仅限于当前文档。这不能使用z-index，因为iframe - 内容是完全不同的文档。你不能从框架中“流血”。如果您想要覆盖，请不要使用iframe。