javascript - ShadowBox 图像在 IE10 上消失

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>

如果我取消勾选 position: absolute 在 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 (搜索标题为“可拖动和 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" />