0

我有一些用 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并单击四个框中的任何一个。

如果有人遇到过这样的问题并知道解决方案:感谢您的帮助!

提前致谢

4

2 回答 2

0

我想我在打开一个嵌套在无序列表中的弹出窗口时遇到了一些类似的问题。也许您可以尝试将弹出 html 放在 ul 之外?

无论如何,我一直对http://fancybox.net/很满意,它会为你做那些弹出式的事情。如果你还没有听说过这个,我建议你看看它。

于 2012-11-12T10:18:17.690 回答
0

.page-itemoverflow: hidden问题。

您可以更改 CSS 规则.page-item或移动.overflay-form到另一个容器。

于 2012-11-12T10:29:53.127 回答