IE 9的Magic Zoom z-index问题

Question

有没有人在IE 8或9上遇到过Magic Zoom的z索引问题？

我和z-index: 1有一个元素

MagicZoom使用z-index: 100创建元素

但是，IE9会在100的顶部显示z索引为1的元素。

这是the page。

奇怪的是，如果我“冻结”这个条件并删除magiczoom.js，我就不能再重现这个问题了。这是the result，即使在IE9上也很完美。

有人知道怎么解决这个问题吗？

Answer 1

文档中写道：

如果你给它一个唯一的id并用div引用它，你就可以把放大的图像放在页面上的任何地方。将div放在代码中的任何位置，并使用CSS定位它。示例HTML:缩放

​

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

因此，我建议将目标div添加到正文中，并通过css设置它的位置，或者您可以尝试将目标div添加到td元素中，但如果表有其他行/列，问题可能会再次出现。

Answer 2

您使用的是已有3年历史的Magic Zoom版本3.1.18。

如果您升级到最新版本: 4.0.19，则会解决此问题。