CODEWITHSUNDEEP
htmlcssinternet-explorerz-indexmagiczoom
Aximili
Aximili

Reputation: 29444

Magic Zoom z-index issue with IE 9

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?

Upvotes: 0

Views: 1009

Answers (2)

Dan Roberts
Dan Roberts

Reputation: 557

You are using version 3.1.18 of Magic Zoom which is 3 years old.

This issue will be resolved if you upgrade to the latest version: 4.0.19.

Upvotes: 0

zb'
zb'

Reputation: 8049

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.

Upvotes: 1

Related Questions