邊界的z-index問題

Question

我有以下腳本：

http://jsfiddle.net/oshirowanen/59MWq/1/

我試圖隱藏部分的上邊框與白色運用導航的底部邊框.dropdown。出於某種原因，它不起作用。

任何想法爲什麼？

在jQuery代碼

Answer 1

添加此

$(".navigation").css("position","relative"); 
$(".navigation").css("z-index","1"); 

，你必須把.navigation欄使用z-index彈出以上。

例子：http://jsfiddle.net/59MWq/9/

也可以嘗試使用地圖css()，像這樣：

$(".navigation").css({"border-left":"1px black solid", 
           "padding-left":"9px", 
           "border-top":"1px black solid", 
           "padding-top":"4px", 
           "border-right":"1px black solid", 
           "padding-right":"9px", 
           "background-color":"white", 
           "padding-bottom":"4px", 
           "border-bottom":"1px white solid", 
           "position":"relative", 
           "z-index":"1"}); 

例子：http://jsfiddle.net/59MWq/10/

Answer 2

喜歡的東西： this effort