将div置于活动选择框的顶部

Question

我有一个下拉菜单，我想把它放在其他一切的顶部。但是，如果我单击一个选择，然后将鼠标悬停在我的下拉菜单上，则会在菜单顶部显示选择选项。如何让悬停的菜单出现在选择的顶部？

示例代码

http://jsfiddle.net/b2vak/6/

Answer 1

一个简单的解决方法是隐藏/显示悬停时的选择输入。像这样：

$("#menubar ul > li").hover(function() {
    $("#menu").show();
    $("select").hide();
}, function() {
    $("#menu").hide();
    $("select").show();
});

但是我觉得这不是一个很好的解决方案，但我能想出的唯一一个：/

Answer 2

更好的解决方案是在后台使用iframe。你可以看看Stu Nicholls的例子：http://www.cssplay.co.uk/menus/iframe-shim.html

或者只是进行谷歌搜索：http://www.google.at/search?q=css+selectbox+iframe，你会发现很多例子。

我知道这是跨浏览器的唯一方法。