2015-08-16 31 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

我無法感謝你的幫助。乾杯! –