Jquery 下拉菜单被网页上的框架覆盖答案

【问题标题】：Jquery dropdown menu is covered by a frame on a webpageJquery 下拉菜单被网页上的框架覆盖
【发布时间】：2012-02-24 14:38:32
【问题描述】：

我在横幅框架 (mail_frame.html) 中使用了 jquery dropdown menu。当它下降时，它会被它下方的另一个框架覆盖。即使我在它的 css 中将下拉的 z-index 设置为 999，它仍然落后于另一个框架

frameset.jsp

</head>
    <frameset id="frameMain" rows="84,*" framespacing="0">
       <frame src="mail_frame.html" id="mail" name="mail" frameborder="0" border="0" marginwidth="0" marginheight="0" noresize="noresize" scrolling="no"/>
       <frameset id="frameSet" cols="126,*" framespacing="0">
           <frame src="leftNavigation.do?loadWelcome=true<%= currentURL %>" id="leftnav" name="leftnav" frameborder="0" border="0" marginwidth="0" marginheight="0" noresize="noresize" scrolling="no"/>
           <frame src="empty.htm" id="main" name="main" frameborder="0" border="0" noresize="noresize" scrolling="yes"/>
       </frameset>
    </frameset>
</html>

我怎样才能让它落在所有东西之上

【问题讨论】：

标签： html css

【解决方案1】：

经典框架（您正在使用的）是完全独立的窗口。您不能在一个框架中有一个元素，然后延伸到另一个框架的内容。您可以使用 iframe，但不能使用您正在使用的那种。

现在可能是考虑转向无框布局的时候了，因为这似乎是该技术的发展方向。例如，neither frame nor frameset is part of HTML5。作为替代方案，您可以使用 ajax（一个越来越过时的名称，因为我怀疑大多数人现在都使用 JSON 而不是 XML）来更新页面中的单个元素。

【讨论】：

在此基础上，如果您只想刷新页面的某些部分，请考虑使用 ajax/json 请求来更新特定药水
@Hawxby：是的，我改写了最后一句的结尾，因为看起来我建议用 iframe 替换框架，这不是我的意图。有时 iframe 是正确的答案，但总的来说，通常不是。
老实说，我不知道这一切意味着什么。有没有其他方法可以用我得到的框架来完成。弹出窗口或类似的东西
@Dave819：每个经典框架（您正在使用的那种）都是一个 DOM“窗口”，该窗口中的元素不能延伸到它之外并且是可见的。他们就是不能，这是一个基本的限制。是的，您可以弹出一个完全独立的浏览器窗口，但这不太可能正常工作（尤其是因为许多浏览器会在选项卡中打开该窗口，而真的不是您想要的想）。恐怕您当前的结构与此下拉菜单不兼容。无意冒犯，但听起来您可能需要为此提供一些帮助。