框架上的下拉菜单


Drop down menu over frames?

我的页面上有 2 个 iframe。一个是菜单窗格 (frame1),另一个是内容窗格。菜单框架高度为100,剩余为内容框架,由于各种原因我无法更改框架1的高度。我在菜单框架中使用了CSS下拉菜单,当我使用菜单框架高度为200或300时,下拉菜单显示正确,但无法显示小高度。

我需要做什么才能在框架 1 中显示主菜单,在框架 2 中显示下拉子菜单?听说它被称为交叉框架下拉菜单。请让我知道如何解决我的问题。我对HTML,CSS,JavaScript和PHP没问题。希望我能用这四种语言解决这个问题。

我认为不使用框架是你最好的答案。网站通常更容易获得和用户友好,如果你设计它们的设计方式而不是黑客攻击东西。

您可以使用

jquery $("#iframe_id").contents().find('#some_element') 从父元素访问第二个 iframe 中的元素,也可以使用 parent.yourFunction() 从 frame1 访问父 js 函数。
像这样
:在第 1 帧中:

<div class='menu_btn' onclick='parent.openMenu();'></div>在父级中:

function openMenu() {  
$("#iframe2").contents().find('#some_element').show();
}  

虽然解决方案相当奇怪。
我建议您考虑更改所有页面视图,摆脱框架。