Question

我正在我的横幅框架中使用此jquery dropdown menu（mail_frame.html）。当它下降时，它会被另一个框架覆盖。即使我在它的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>

如何让它落在一切

之上

Answer 1

经典帧（你正在使用的）是完全独立的窗口。您不能在一个框架中拥有一个元素，然后在另一个框架的内容上展开。您可以使用iframe执行此操作，但不能使用您正在使用的那种。

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

Jquery下拉菜单由网页上的框架覆盖

1 个答案: