Question

Has anyone experienced a z-index problem with Magic Zoom on IE 8 or 9?

I have an element with z-index: 1
MagicZoom creates an element with z-index: 100
However IE9 displays the element with z-index 1 on top of the 100.

Here is the page.

The weird thing is, I can no longer reproduce the problem if I “freeze” the condition and removing magiczoom.js. Here is the result, perfect even on IE 9.

Anyone knows how to fix this?

Answer 1

Documentation says:

---

You can position the zoomed image literally anywhere on your page if you give it a unique id and reference it with the div. Place your div anywhere in your code and position it with CSS. Example HTML: Zoom

<a href="big.jpg" class="MagicZoom" rel="zoom-position:#yourzoom">
    <img src="small.jpg"/>
</a> 
<div id="yourzoom"></div>

---

so I would suggest to add targeting div to body and set it’s position via css
Or you can try to add target div to td element, but if table will have other rows/collumns problem will probably reappear.