使fancybox显示在顶部

Question

9

我使用fancybox设置了一个图片链接，但是当我点击缩略图时，fancybox框出现在所有内容的后面。我一直在使用z-index来放置页面中的其他内容，因此我认为我需要对fancybox进行相同的操作，但我不知道在哪里放置css代码？

- Jordan

4个回答

3

我已经添加了:

.fancybox-overlay {
    z-index: 1000000 !important;
}

在我最近版本的fancybox样式表中。

- wmwmwm

1

在我的情况下，使用WordPress 4.1和Fancybox插件，我通过添加以下CSS规则解决了这个问题：

div#fancy_outer {
z-index: 1000000;
}

- DonBeto97

0

在我的情况下，下一个解决方案起作用：

.fancybox-overlay{
z-index: 1000000;
}

.fancybox-wrap{
z-index: 1000001;
}

- metal4people

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- tomsseisums · Accepted Answer

Fancybox有它自己的CSS文件，你应该查找#fancybox-wrap并在那里更改它的z-index值。但是，无论如何，它默认设置得非常高（在我的上面为1101），因此我建议您修改自己的HTML/CSS。

以防万一，请检查是否已在您的HTML中添加了那个fancybox样式表。