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

时间:2011-11-03 23:30:14

标签: jquery html css jqzoom

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

这是一个例子: http://madlov.com/vintage-sunglasses

(注意:在上面的链接中使用'innerzoom',但如果我使用标准视图,缩放的窗口会显示在它旁边的图像后面而不是顶部)

我已经检查过ZoomWindow div,它有一个

z-index: 5001

但这似乎没有帮助。

为什么我的缩放图像会出现在其他图像后面

2 个答案:

答案 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的溢出属性设置为可见或摆脱溢出:隐藏