jquery - 使用 Fancybox2 在 Galleria 上显示对话框

Question

我正在尝试在全屏 Galleria 画廊上显示 Fancybox 2 对话框。这是我设置的 z-indexes：

.galleria-container notouch fullscreen {
    z-index: 10000;  /* default by component */
}

.fancybox-overlay {
    z-index:100001;
}
.fancybox-opened {
    z-index: 100030;
}
.fancybox-close {
    z-index: 100040;
}

我一直在尝试将fancybox div的宽度和高度设置为显示，但只得到大约20px的显示然后它就消失了。有没有我错过的 javascript API 调用？谢谢。

编辑：这是链接 - http://cdn1.doneupsalon.com/test.html。

Answer 1

这就是你所缺少的：.......一个点（是的，一个点......三个，实际上;）

你的文件中有这个：

<style type="text/css">
    fancybox-overlay {
        z-index:100001;
    }
    fancybox-opened {
        z-index:100030;
    }
    fancybox-close {
        z-index:100040;
    }
</style>

您发布的代码是正确的，但不是您在演示页面中的工作代码。

实际上，如果将 设置z-index为.fancybox-overlay选择器就足够了。