javascript – IE10 / Safari无法隐藏iFrame中的对象/ Flash

2019-05-29 18:22:05 阅读：260 来源： 互联网

标签：javascript css flash iframe internet-explorer-10

我在iFrame中有一个Flash动画.当我试图隐藏它时,IE10会保持显示并重叠其他内容.
Here an example.

<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>

更新02/08/2013
我在Safari(5.1.7)中发现了同样的问题

解决方法:

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

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

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

document.getElementById('swfDiv').className = "xhide";

标签：javascript,css,flash,iframe,internet-explorer-10
来源： https://codeday.me/bug/20190529/1179799.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – IE10 / Safari无法隐藏iFrame中的对象/ Flash