jquery - 边界 z-index 问题

Question

我有以下脚本:

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

我试图通过将导航的底部边框应用为白色来部分隐藏 .dropdown 的顶部边框。由于某种原因，它不起作用。

有什么想法吗？

Answer 1

在你的 jQuery 代码中添加这个

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

您必须使用 z-index 将 .navigation 栏置于弹出窗口上方。

示例:http://jsfiddle.net/59MWq/9/

也尝试为 css() 使用 map ，像这样:

 $(".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/