html - IE 9 的 Magic Zoom z-index 问题

Question

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

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

这是页面。

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

任何人都知道如何解决这个问题？

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

Answer 2

您正在使用 3.1.18 版的 Magic Zoom，它已经 3 岁了。

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