html - Bootstrap 菜单悬停

标签 html css twitter-bootstrap

我在 Twitter Bootstrap 3 (3.1.1) 中发现了一个菜单问题。选项卡“kontakt”是一个<"li"class="active">Kontakt<"/li"> 选项卡“Galeria zdjęć”是 <"li">Galeria zdjęć<"/li">(li 前后没有括号)。我怎样才能避免这种情况? http://scr.hu/2p5g/u5m8e

如您所见,“Galeria zdjęć”的影子位于“Kontakt”选项卡后面。是否可以更改阴影在下一个选项卡之前的设置?

提前致谢。

最佳答案

我认为您需要使用 z-indexposition:relative 来实现这一点:

所以您需要做的是将此添加到需要应用此效果的元素中:

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

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

jsFiddle demo.

关于html - Bootstrap 菜单悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23876440/

相关文章:

angularjs - Angular ui bootstrap Accordion "only open one at a time"不起作用

Javascript 打印不适用于 css 更改

html - 无法更改子导航栏的高度

html - 具有圆形边框和行间边框的表格

javascript - 是否可以透视子 div?

php mysql 日期过滤产生了一些问题

javascript - 如何在 Bootstrap 上触发下拉按钮模糊/关闭事件?

html - css Infinity 是如何工作的?

c# - 防止滚动表格中的单个列

css - 背景图片不显示