Z指数大于Fancybox

Z-index greater than Fancybox?

本文关键字：Fancybox 大于 指数      更新时间：2023-09-26

我在Fancybox中有一个div，我想溢出到Fancybox窗口的边缘。

页面结构如下：

<div class="fanybox">
    <div class="overflow">
        Test
    </div>
</div>

我希望.overflow在窗口的边缘流动。尝试将.overflow的z-index更改为高于8030（默认Fancybox值）的值是不起作用的，是的，div是绝对定位的。

有办法解决这个问题吗？我可以提供我正在努力实现的目标的图像。

我自己没有使用过fancybox，但在他们的演示页面上玩chrome控制台，我想我得到了你想要的效果。

-去掉溢出：隐藏；关于#fancybox内容。

#fancybox-image (or whatever your container is){
.
.
.
    position:relative;
    right:50px;
    z-index:9000;
}

这就是他们演示页面上的全部内容。只要内容的父级没有静态定位，并且溢出没有隐藏，就应该是绝对可行的。如果我理解你的目的，我可能会相对地（而不是绝对地）定位它。希望能有所帮助。

编辑

好吧，我从提供的链接中下载并使用fancybox2获得了一个基本页面（因为显然我手头有太多时间：-）。使用它们所有的默认值，我只需要更改jquery.fancybox.css

.fancybox-inner {
position:relative;
right:50px;
}

和浮动在容器div外的图像。如果你试图移动一个单独的div或你添加的东西，原理是一样的。但它确实有效。。。祝你好运。

如果overflow元素在fancybox中，则根本不需要任何z-index。每个非static定位的元素都会生成自己的堆栈，而fancybox中相对定位的内容很容易溢出其外部元素[Demo]。

相关文章：