我有一些用 jQuery 编码的灯箱式弹出窗口。它适用于所有像样的浏览器,除了 IE9(如果被认为是像样的浏览器)。如果您单击它,它工作正常:弹出窗口打开,没有什么异常。然而,只要你移动你的光标,一切都会开始闪烁、消失或任何 IE9 能够破坏功能的行为。
我不知道这是怎么发生的(也因为它不会在 IE8 中发生)。我已经给出了我使用正确位置和 z 索引的所有元素。问题不在于黑屏覆盖(它只是一个具有透明背景的 div,z-index 远低于居中内容),我已经通过从代码中完全删除该元素进行了测试。
这是我用来隐藏/显示 div 的代码:
//open popup
$(".pop").click(function(){
$refselector = "." + $(this).attr("rel")
$($refselector).fadeIn(500);
$(".ui-overlay").fadeIn(50);
positionPopup();
});
//close popup
$(".close").click(function(){
$(".overlay-form").fadeOut(500);
$(".ui-overlay").fadeOut(500);
});
//close popup by clicking outside the box
$(".ui-overlay").click(function(){
$(".overlay-form").fadeOut(500);
$(".ui-overlay").fadeOut(500);
});
如果您想查看它的实际效果:http ://www.puurtrainingen.nl/referenties并单击四个框中的任何一个。
如果有人遇到过这样的问题并知道解决方案:感谢您的帮助!
提前致谢