4

我在 iFrame 中有一个 Flash 动画。当我试图隐藏它时，IE10 会保持它显示并与其他内容重叠。

<body style="background-color: #EEE">
    Testing IE10
    <div id="swfDiv">
        <iframe src="swf.html" width="500" height="50"></iframe>
        <br />
        <button onclick="document.getElementById('swfDiv').style.display='none'">Hide</button>
    </div>
    <div style="background-color: #DDD">
        This try to hide the animation, but it is not working on IE10.  <br/> It works fine in others browsers and earlier versions of IE.
    </div>
</body>

IE10

更新 02/08/2013 我在 Safari (5.1.7) 中发现了同样的问题 在此处输入图像描述

4

2 回答 2

5

显然最好的解决方案是将其移出屏幕：

.xhide
{
    display: block;
    position: absolute;
    left:-9999px;
}

我们可以在点击时添加这个类来隐藏它，比如：

document.getElementById('swfDiv').className = "xhide";
于 2013-02-01T22:03:27.350 回答
1

在关闭 iframe 之前导航解决了我在 XBAP 上的问题，我认为它也适用于 flash

var $iframe = $("#id");
$iframe[0].src = 'about:blank';
$iframe.remove();
于 2013-07-05T18:16:26.077 回答