下一列图像下方的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 中指定的堆叠问题。如果您在修改 Javascript 时遇到问题，或者想要快速修复，这可能可以做到（只需将类名更改为 .

另一种选择是在页面加载后运行一些 jQuery：

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

希望这可以帮助