CSS/JS Overlay Zoom Problems

Question

I've got problems regarding my image gallery site that uses PhotoZoom Javascript (Zooms image during mouseover). Hope you guys can help me out.

Problem: The photozoom javascript works perfectly during mouseover event. However the zoomed image is under the other images. I've tried manipulating the Z-INDEX in the CSS but nothing worked. What could be the possible solution to see the zoomed image above everything else?

Thanks for helping!

Answer 1

I've added some css which helped me,

<style type="text/css">
.photoZoom-Large{
  z-index:100 !important;
}
</style>

Try adding this code in your documents <head> section.

and here is output of same:

Hope it helps! cheers :).

CSS/JS Overlay Zoom Problems

Question

1 answers

solution1
1 ACCPTED 2014-06-28 14:38:16

CSS/JS Overlay Zoom Problems

Question

1 answers

solution1 1 ACCPTED 2014-06-28 14:38:16

solution1
1 ACCPTED 2014-06-28 14:38:16