jquery - Div 出现在 jquery.innerfade.js 的图像后面？

Question

我在使用位于 http://medienfreunde.com/lab/innerfade/ 的 innerfade.js 脚本创建的图像幻灯片放映前定位我使用 CSS 设置样式的 div 时遇到问题。 .

我使用 div 创建了一个图像翻转，并使用 CSS 为其设置了一个背景图像，鼠标悬停时该图像会更改为第二个图像。但是，当我尝试将它放在 innerfade.js 幻灯片放映上方时，它位于它的后面，而不是前面。我将 div 的定位设置为 absolute 并使用 margin-top 和 margin-left 属性来定位 div。

我的问题是 - 如何更改我的代码，使包含背景图片的 div 位于图片幻灯片的前面？

我在 http://jsfiddle.net/Cwca22/SejUx/ 的 jsFiddle 中有我的按钮代码- jquery.innerfade.js 脚本可以从前面列出的网站找到。 (我使用的是脚本文档中包含的“投资组合”示例。)

Answer 1

尝试将较大的 z-index 值应用于 .exploreButton:

.exploreButton {
    background-image: url('http://f.cl.ly/items/0w082s253z2j1r3E3C3x/explore.png');
    background-repeat: no-repeat;
    width: 216px;
    height: 52px;
    margin-top: 10px;
    margin-left: 25px;
    cursor: pointer;
    z-index: 9999;   // heres the trick
}