使用Fancybox2在Galleria上显示对话框

Question

我试图在全屏Galleria画廊上显示Fancybox 2对话框。以下是我设置的z索引：

.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选择器，那就足够了。