边界的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