我正在使用 iframe 将我编写的简单 html 和 css 嵌入到另一个应用程序中。在我的代码中，当您将鼠标悬停在页面元素上时，我使用 CSS 创建上下文菜单。但是，当我使用悬停菜单接近 iframe 的边缘时，它会被切断并保持在框架下方。我尝试过许多不同的 z-index 变体，但没有任何效果。有没有办法让这个菜单显示在父窗口上方？
对此有什么想法吗？
最佳答案
属于CSS层叠上下文的任何位置和规则都限于当前文档。这不能使用 z-index，因为 iframe-contents 是一个完全不同的文档。你不能让任何东西从框架中“流血”出来。如果你想要一个叠加层，根本不要使用 iframe。
关于html - Z-Index 和 iFrame，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13052965/