当我使用 JQZoom 插件时，我在 960.gs 网格上有一堆图像....
这是一个例子： http: //madlov.com/vintage-sunglasses
（注意：在上面的链接中我使用'innerzoom'，但如果我使用标准视图，缩放的窗口会显示在它旁边的图像后面而不是顶部）
我检查了 ZoomWindow div，它有一个
z-index: 5001
但这似乎没有帮助。
为什么我的缩放图像出现在其他图像后面
问问题
2341 次
2 回答
3
这绝对是一个堆叠问题。以下是有关堆叠上下文如何工作的更多详细信息： 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-14T09:27:20.807 回答
2
在您的应用程序 css 文件中似乎被缓存或其他东西，尝试将 .zoompad z-index 值设置为 auto 或完全摆脱 z-index。如果您试图让缩放图像出现在所有内容上，请将 .zoomWrapperImage 的溢出属性设置为可见或摆脱溢出：隐藏
于 2011-11-16T03:50:45.277 回答