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

Question

當我使用JQZoom插件時，在960.gs網格上有一堆圖像。

這是一個示例： http : //madlov.com/vintage-sunglasses

（注意：在上面的鏈接中，即時消息使用的是“ innerzoom”，但是如果我要使用標准視圖，則縮放后的窗口將顯示在圖像旁邊，而不是圖像的頂部）

我已經檢查了ZoomWindow div，它有一個

z-index: 5001

但這似乎無濟於事。

為什么我的縮放圖像出現在其他圖像后面

Answer 1

這絕對是一個堆疊問題。 以下是有關堆棧上下文如何工作的更多詳細信息： https : //developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context

我還在http://jsfiddle.net/aAMH2/1/上設置了一個小提琴，可能會有所幫助。

請注意HTML底部的樣式標簽-該樣式將覆蓋CSS中指定的堆疊問題。 如果您在修改Java腳本時遇到問題，或者想要快速修復，可以這樣做（只需將類名更改為即可。）

另一種選擇是在頁面加載后運行一些jQuery：

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

希望這可以幫助

Answer 2

在您似乎正在緩存的應用程序css文件中，嘗試將.zoompad z-index值設置為auto或完全消除z-index。 而且，如果您嘗試使縮放后的圖像顯示在所有內容上，請將.zoomWrapperImage的overflow屬性設置為可見或擺脫溢出：hidden