Question

我在IE10上遇到了ShadowBox的问题，任何弹出的图像突然消失。（我正在使用的脚本：http://www.shadowbox-js.com/）

我自己在IE9或IE11上的测试似乎没有发生这种情况。出于某种原因，IE10存在一个问题，即旧版本和较新版本的IE没有。

http://tokheimprofleet.com/dispenser/quantium-110/#dispenser-gallery

如果您按照上面的链接，您可以看到发生这种情况的示例。单击库中IE10中的任何图像。它将按预期弹出，然后突然消失。

所有其他浏览器不受影响且正常工作。有没有人知道为什么会这样？

谢谢，迈克尔。

Answer 1

只是在IE中玩弄DOM，它似乎是以下具有绝对位置的div。有趣的是，这个div似乎没有出现在正确显示的幻灯片中。

<div id="sb-drag-proxy" style="width: 555px; height: 565px; position: absolute; cursor: move; background-color: rgb(255, 255, 255);"></div>

如果我在CSS属性窗口中取消勾选位置：绝对值，则下面的图像会再次返回。

也许有可能挂钩onChange事件并获取该div并更改其属性或隐藏它。

$('#sb-drag-proxy').hide();

也许

<script type="text/javascript">
Shadowbox.init({
    onChange: function(){
        $('#sb-drag-proxy').hide();
    }
});
</script>

只是一个想法......

更新

注意到div #sb-drag-proxy有一个白色背景颜色属性，当设置为透明时修复问题，尝试添加以下css样式

#sb-drag-proxy{background-color: transparent !important;}

<小时/> 更新2

如果上述方法不起作用，那么根据影子框论坛http://www.shadowbox-js.com/forum.html（搜索标题为“draggable and Internet Explorer 10”的帖子）然后链接到以下博客文章，修复方法是添加元标记到您的页面以强制使用不同的IE版本。这是西班牙语，但你可以得到要点。

http://bikertb-blog-howto.blogspot.co.uk/2013/10/hack-para-hacer-funcionar.html

<meta http-equiv="X-UA-Compatible" content="IE=9" />

ShadowBox图像在IE10上消失

1 个答案: