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

Question

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

我有一个元素 z-index: 1
MagicZoom 使用 z-index: 100
创建一个元素但是 IE9 在 100 之上显示 z-index 为 1 的元素。

这里是 the page .

奇怪的是，如果我“卡住”条件并删除 magiczoom.js，我将无法再重现该问题。这是 the result , 即使在 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 元素，但如果表有其他行/列，问题可能会再次出现。