Z-index大於Fancybox？

Question

我在Fancybox裏有一個div，我想在fancybox窗口的邊緣溢出。

頁面的結構是這樣的：

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

我想.overflow流過窗口的邊緣。試圖將z-index的.overflow更改爲高於8030（默認Fancybox值）的內容不起作用，並且是的，div被絕對定位。

有沒有辦法解決這個問題？我可以提供我想要完成的事情的圖像。

Answer 1

我沒有使用fancybox，我自己，但玩在他們的演示頁面上的鉻控制檯我想我得到了你正在尋找的效果。

- 溢出溢出：隱藏;關於＃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]。