边界z指数问题

时间:2011-02-14 14:49:28

标签: jquery css

我有以下脚本:

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

我试图通过将导航的底部边框应用为白色来部分隐藏.dropdown的顶部边框。由于某种原因,它无法正常工作。

任何想法为什么?

2 个答案:

答案 0 :(得分:1)

在你的jQuery代码中添加这个

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

您必须使用.navigationz-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/

答案 1 :(得分:1)

像: this effort