我無法使Fluidbox（v1.3）正常工作......？

在this site（鉻是好的）我試圖實現Fluidbox ...一個漂亮，最小的燈箱（jQuery）與巧妙的imageloading技巧。我無法使Fluidbox（v1.3）正常工作......？

CSS：

.fluidbox { 
    outline: none; 
} 
#fluidbox-overlay { 
    cursor: pointer; 
    cursor: -webkit-zoom-out; 
    cursor: -moz-zoom-out; 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    z-index: 500; 
} 
.fluidbox-wrap { 
    background-position: center center; 
    background-size: cover; 
    margin: 0 auto; 
    position: relative; 
    z-index: 400; 
    transition: all .25s ease-in-out; 
} 
.fluidbox-opened .fluidbox-wrap { 
    z-index: 600; 
} 
.fluidbox-ghost { 
    background-size: cover; 
    background-position: center center; 
    position: absolute; 
    transition: all .25s ease-in-out; 
}

這種或那種方式似乎Z-指數（ES）並沒有把收藏（圖像）上的一切之上。它看起來好像放大圖在它自己的HTML中被「捕獲」......！

一些幫助是高度讚賞。

++++

部分解決...菜單（ScrollIt.js）的CSS是interferring（Z-指數）與Fluidbox的CSS。現在Fluidbox正在工作，並且位於除固定菜單之外的每個元素之上。這太遺憾了......我不知道如何解決這個問題。我會問開發者。

來源

2014-02-10 redfox

Fluidbox作者在這裏。

根據文檔，您可以（1）更改Fluidbox的stackIndex設置，使其大於固定導航菜單的設置，或者（2）降低所述固定導航菜單的z-index值。

v1.4.1昨天發佈，所以它可能包含一些重要的bug，因爲你使用的版本已經發布了。

來源

2014-11-09 23:28:44 Terry

謝謝特里。我會看看。現在：在我的iPhone 5（8.1）在Chrome和Safari上[H1]上的[terrymun.github.io/Fluidbox](http://terrymun.github.io/Fluidbox）不是很好居中> [screendump]（http： //i.glui.me/1GKSKxd） – redfox

我無法使Fluidbox（v1.3）正常工作......？

回答

相關問題