Bootstrap菜单悬停

Question

我发现Twitter Bootstrap 3（3.1.1）中的菜单存在一个问题。标签“kontakt”是＆lt;“li”class =“active”＆gt; Kontakt＆lt;“/ li”＆gt; 和标签“Galeriazdjęć”是＆lt;“li”＆gt;Galeriazdjęć＆lt;“/ li”＆gt; （li之前和之后没有括号）。我该如何避免这种情况？ http://scr.hu/2p5g/u5m8e

正如你可以看到来自“Galeriazdjęć”的影子在“Kontakt”标签后面。是否可以在下一个标签之前更改阴影？

提前致谢。

Answer 1

我认为您需要使用z-index和position:relative来实现这一目标：

所以你需要做的是将它添加到需要应用此效果的元素中：

.button { position:relative; z-index:1; }

.button:hover { z-index:2; /* add your box-shadow code here */ }

<强> jsFiddle demo.