html - 无法隐藏嵌入在 iframe 中的 Flash SWF 对象

Question

在我的 HTML 页面上，我有 <div>用<iframe> ，它引用另一个包含 Flash SWF 对象的页面。如果我设置其中任何一个:

display:none;
visibility:hidden;
opacity:0;
filter:alpha(opacity=0);

关于 <div>包装 < iframe> , SWF 对象有时仍然清晰可见，而 <div>和 <iframe>不出所料。

奇怪的是它确实有时有效，这取决于我使用的 SWF 对象。

预期效果出现在我 Mac 上的所有最新浏览器和我的 Windows 7 计算机上， Safari 除外。

编辑

下面是一些说明问题的示例代码:

<button id="tryit" type="button">Try It</button>
<div id="test">
    <iframe src="hideswf-iframe.html" width="770" height="610" frameborder="0"></iframe>
</div>
<script type="text/javascript">
    var test = document.getElementById("test"),
        tryit = document.getElementById("tryit");

    tryit.addEventListener( "click", hideAndSeek, false );

    function hideAndSeek(e) {
        var style = test.style;
        style.opacity = (style.opacity == 1 || style.opacity == "") ? 0 : 1;
    }
</script>

和一个示例 SWF 对象作为豚鼠:

<object type="application/x-shockwave-flash" id="strobemediaplayback" data="StrobeMediaPlayback.swf" width="743" height="600" style="visibility: visible; ">
    <param name="allowFullScreen" value="true">
    <param name="wmode" value="direct">
    <param name="flashvars" value="favorFlashOverHtml5Video=true&amp;swf=StrobeMediaPlayback.swf&amp;javascriptCallbackFunction=$.fn.strobemediaplayback.triggerHandler&amp;minimumFlashPlayerVersion=10.0.0&amp;expressInstallSwfUrl=expressInstall.swf&amp;autoPlay=false&amp;loop=false&amp;controlBarMode=docked&amp;poster=&amp;src=http://players.edgesuite.net/videos/big_buck_bunny/bbb_448x252.mp4&amp;useHTML5=false&amp;width=1187&amp;height=959&amp;queryString=favorFlashOverHtml5Video=true&amp;swf=StrobeMediaPlayback.swf&amp;javascriptCallbackFunction=$.fn.strobemediaplayback.triggerHandler&amp;minimumFlashPlayerVersion=10.0.0&amp;expressInstallSwfUrl=expressInstall.swf&amp;autoPlay=false&amp;loop=false&amp;controlBarMode=docked&amp;poster=&amp;src=http://players.edgesuite.net/videos/big_buck_bunny/bbb_448x252.mp4&amp;useHTML5=false&amp;width=1187&amp;height=959">
</object>

它会存在于文件 hideswf-iframe.html 中。

这应该适用于 Mac 上最新版本的 Safari、Chrome 和 Firefox 以及 Windows 7 机器上最新版本的 Chrome、Firefox 和 Internet Explorer，并且应该会失败(没有错误，但隐藏行为不会在 Windows 7 计算机上的 Safari 中不会出现)。

可能需要注意的是，我注意到关于通过和失败的 SWF 对象的一件事是，失败的对象都围绕视频内容，而通过的对象则不然。当然，我测试的对象不超过六个，但这是一个巧合。 :)

Answer 1

也一直在尝试解决这个问题，没有从 safari 中找到任何文档，尝试了 css 和 jquery 隐藏的所有可能组合，它不起作用对于那些持怀疑态度的人，请查看 http://css-tricks.com/examples/AnythingSlider/在 safari 上浏览幻灯片，您会在 3d 幻灯片中看到错误。