Окно масштабирования JQzoom под изображением следующего столбца

Question

Когда я использую плагин JQZoom, у меня есть куча изображений в сетке 960.gs ....

вот пример: http://madlov.com/vintage-sunglasses

(Примечание: в приведенном вышесвязать его с помощью innerzoom, но если бы я использовал стандартный вид, увеличенное окно показывалось бы за изображением рядом с ним, а не сверху)

Я проверил div ZoomWindow и у него есть

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');
});

Надеюсь, это поможет

Answer 2

В вашем css-файле приложения, который, кажется, кэшируется или что-то в этом роде, попробуйте установить значение z-index .zoompad в auto или полностью избавиться от z-index. И если вы хотите, чтобы увеличенные изображения появлялись поверх всего, установите свойство overflow объекта .zoomWrapperImage на видимое или избавьтесь от переполнения: hidden