jquery - 下一列图像下方的 JQzoom 缩放窗口

Question

当我使用 JQZoom 插件时，我在 960.gs 网格上有一堆图像....

举个例子: http://madlov.com/vintage-sunglasses

(注意:在上面的链接中，我使用的是“innerzoom”，但如果我使用标准 View ，则缩放窗口会显示在图像旁边而不是顶部)

我检查了 ZoomWindow div，它有一个

z-index: 5001

但这似乎没有帮助。

为什么我放大后的图片出现在其他图片后面

Answer 1

肯定是堆叠问题。以下是有关堆叠上下文如何工作的更多详细信息: https://developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context

我还在 http://jsfiddle.net/aAMH2/1/ 上设置了一个 fiddle 这可能会有所帮助。

请注意 HTML 底部的样式标签 - 此样式会覆盖 CSS 中指定的堆叠问题。如果您在修改 Javascript 时遇到问题，或者想要快速修复，这可能会做到(只需将类名更改为 .

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

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

希望对你有帮助