2015-08-16 52 views
0

在我的Bootstrap导航栏中添加“navbar-fixed-top”类并点击Blueimp lightbox库中的照片后,导航栏不是隐藏在它下面。它在全屏幕的顶部上出现覆盖。这将导致问题:引导“navbar-fixed-top”导致全屏的Blueimp照片库出现问题

<nav class="navbar navbar-default navbar-fixed-top"> 

下面的代码按预期与导航栏被遮蔽了灯箱覆盖之下:

<nav class="navbar navbar-default"> 

注意,这是只发生在Chrome。启用固定导航栏后,Firefox和Safari中的图片库都能正常运行。

有关如何解决这个问题的任何想法?这是驱使我坚果,没有任何问题排除已经产生任何解决方案。提前致谢。

my site

blueimp gallery documentation

+0

你能向我们展示一个你的网站的实例吗?混淆PHP文件很难找出任何东西。 –

+0

道歉(在这里stackoverflow noob)。网站在这里:http://blacksquaretattoo.crg.io/ –

+0

你的意思是'.navbar-fixed-top'导致全屏查看图像时导航栏重叠? –

回答

0

看起来有冲突,当你结合起来,与blueimps CSS运行如下的animate.css

删除css的动画部分让模态覆盖fixed navbar

+0

就是这样!非常感谢。出于好奇,你是如何缩小到animate.css冲突?我从来没有猜到。 –

+0

我从您的网站中复制了一个页面,并且一旦看到突出的文件结构。 – vanburen

+0

我无法感谢你的帮助。干杯! –