Z-index大于Fancybox？

Question

我在Fancybox中有一个div我希望溢出fancybox窗口的边缘。

页面结构如下：

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

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

有没有解决这个问题？我可以提供一份我想要完成的事情的图像。

Answer 1

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

- 淘汰溢出：隐藏;在#fancybox-content上。

#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或你添加的东西，原则是相同的。但是它有效...... Goodluck。

Answer 2

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