IE 9的Magic Zoom z-index问题

时间:2013-02-01 01:27:40

标签: html css internet-explorer z-index magiczoom

是否有人在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上也是完美的。

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

2 个答案:

答案 0 :(得分: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元素,但如果表格中有其他行/列可能会重新出现问题。

答案 1 :(得分:0)

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

如果您升级到最新版本,将解决此问题:4.0.19。