我的页面上有 2 个 iframe。一个是菜单窗格 (frame1)，另一个是内容窗格。菜单框架高度为 100 ，其余为 content frame ，由于各种原因，我无法更改 frame1 的高度。我在菜单框架中使用了 CSS 下拉菜单，当我使用菜单框架高度为 200 或 300 时，下拉菜单正确显示，但高度小却无法显示。
我需要做什么才能在 frame1 中显示主菜单并在 frame2 中显示下拉子菜单？听说叫跨框下拉菜单。请让我知道如何解决我的问题。我对 HTML、CSS、JavaScript 和 PHP 没问题。希望我能用这四种语言解决这个问题。
我认为不使用框架是最好的答案。网站通常更易于访问和用户友好，如果您按照它们的设计意图设计它们而不是破解东西。
您可以使用 jquery$("#iframe_id").contents().find('#some_element')从父元素访问第二个 iframe 中的元素，并且可以从 frame1 访问父 js 函数parent.yourFunction()。
嗯。像这样：
在 frame1：
<div class='menu_btn' onclick='parent.openMenu();'></div>
在父级中：
function openMenu() {
$("#iframe2").contents().find('#some_element').show();
}
虽然解决方案很奇怪。
我建议您考虑更改所有页面视图，摆脱框架。