JQzoom縮放窗口下方的下一列圖像

當我使用JQZoom插件我有一堆在960.gs網格圖像....JQzoom縮放窗口下方的下一列圖像

（注：上面的鏈接即時通訊使用'innerzoom'，但如果我要使用標準視圖，縮放窗口顯示在它旁邊的圖像後面而不是頂部）

我檢查了ZoomWindow div，它有一個

z-index: 5001

但這似乎沒有幫助。

爲什麼我的放大圖像出現其它圖像後面

來源

2011-11-03 hagope

在'http：// tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp'上有一個參考，瞭解更多'position'和'z-index'。 –

感謝您的提示...它的def。與Z指數和位置堆棧問題...我需要修改JQzoom JavaScript以某種方式使元素堆棧正確，不知道如何。 – hagope

當懸停圖像時，不確定這是你想要還是不需要'http：// i42.tinypic.com/6nt7c2.jpg'，縮放圖像在屏幕頂部之前退出並且離開所有div。但它們太大，它們會超出屏幕的寬度和高度。 – Giberno

這絕對是一個堆積的問題。下面是關於堆疊環境如何工作的一些更多細節： https://developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context

我已經設置了一個小提琴以及http://jsfiddle.net/aAMH2/1/這可能有所幫助。

請注意HTML底部的樣式標籤 - 此樣式將覆蓋CSS中指定的堆疊問題。如果您無法修改的Javascript，或想速戰速決，這可能做到這一點（只要改變類名

另一種選擇是運行一些jQuery的頁面加載後：

$(document).ready(function() { 
$('.zoomPad').css('z-index','auto'); 
});

希望這有助於

2011-11-14 09:27:20 minion

在你的應用程序的CSS文件，它似乎越來越緩存或東西，嘗試.zoompad的z-index值設置爲自動或完全得到擺脫的z-index的。如果你是試圖讓放大的圖像出現在所有內容上。將.zoomWrapperImage的溢出屬性設置爲可見或消除溢出：hidden

2011-11-16 03:50:45

回答