当我使用JQZoom插件时,我在960.gs网格上有一堆图像......
这是一个例子: http://madlov.com/vintage-sunglasses
(注意:在上面的链接中使用'innerzoom',但如果我使用标准视图,缩放的窗口会显示在它旁边的图像后面而不是顶部)
我已经检查过ZoomWindow div,它有一个
z-index: 5001
但这似乎没有帮助。
为什么我的缩放图像会出现在其他图像后面
答案 0 :(得分: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');
});
希望这有帮助
答案 1 :(得分:2)
在您的应用程序css文件中,似乎正在缓存或其他东西,尝试将.zoompad z-index值设置为auto或完全删除z-index。如果你试图让缩放的图像出现在所有设置上,将.zoomWrapperImage的溢出属性设置为可见或摆脱溢出:隐藏