활성 선택 상자의 위치 div ontop

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이 함께합니다. http://www.cssplay.co.uk/menus/iframe-shim.html

아니면 그냥은 구글 검색을 수행합니다 : 당신은 스투 니콜스 '예를 볼 수 있습니다 http://www.google.at/search?q=css+selectbox+iframe 당신은 많은 예를 찾을 수 있습니다.

이것은이 크로스 브라우저를 수행하는 유일한 방법입니다.