我在 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-index
和 position:relative
来实现这一点:
所以您需要做的是将此添加到需要应用此效果的元素中:
.button { position:relative; z-index:1; }
.button:hover { z-index:2; /* add your box-shadow code here */ }
关于html - Bootstrap 菜单悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23876440/