IE 9 的 Magic Zoom z-index 问题答案

【问题标题】：Magic Zoom z-index issue with IE 9IE 9 的 Magic Zoom z-index 问题
【发布时间】：2013-01-16 07:00:41
【问题描述】：

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

我有一个带有z-index: 1的元素
MagicZoom 创建一个带有z-index: 100的元素
但是 IE9 会在 100 的顶部显示 z-index 1 的元素。

这里是the page。

奇怪的是，如果我“冻结”条件并删除 magiczoom.js，我将无法再重现该问题。这是the result，即使在 IE 9 上也很完美。

有人知道如何解决这个问题吗？

【问题讨论】：

【解决方案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 添加到 body 并通过 css 设置它的位置或者您可以尝试将目标 div 添加到 td 元素，但如果表格有其他行/列问题可能会再次出现。

【讨论】：

【解决方案2】：

您使用的是 3.1.18 版的 Magic Zoom，已经 3 岁了。

如果您升级到最新版本：4.0.19，此问题将得到解决。

【讨论】：