使fancybox显示在顶部

Question

我已经使用fancybox设置了图像的链接，但是当我点击缩略图时，我的所有内容后面都会显示fancybox框。我一直在使用z-index在页面中放置其他内容，所以我觉得我需要为fancybox做同样的事情，但我不知道在哪里放置css代码？

Answer 1

Fancybox拥有自己的CSS文件，你应该寻找#fancybox-wrap并在那里更改它的z-index'。但无论如何，它默认设置相当高（我的1101），因此我建议改变你自己的HTML / CSS。

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

Answer 2

我已添加：

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

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

Answer 3

就我而言，使用WordPress 4.1和Fancybox插件，我解决了添加此CSS规则的问题：

div#fancy_outer {
z-index: 1000000;
}

Answer 4

就我而言，下一个解决方案有效：

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

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