Question

我在谷歌浏览器（16.0.912.75米）和 Safari （5.1.1）中遇到了众所周知的flash / html叠加问题。根据建议here和here我已将wmode属性设置为transparent - 并尝试opaque。不幸的是，两者都没有成功。

我还添加了type="application/x-shockwave-flash"，就像建议here

一样

以下是目前负责嵌入的代码。

<iframe wmode="transparent" type="application/x-shockwave-flash" 
    width="760" height="427" 
    src="http://www.youtube.com/embed/Xedbog6_3L0?rel=0&hd=1?wmode=transparent" 
    frameborder="0" allowfullscreen=""/>

Answer 1

首先，这个问题在Safari 5.1.2和Firefox 9.0.1（Mac版本）中没有生效。在不知道您的浏览器的情况下，我只能说，因为您使用iframe标记指向实际嵌入Flash的页面，wmode对您当前的DOM文档没有任何影响，因为它不是iframe标记的有效属性（它属于embed标记）。您需要在display代码上将css属性block设置为iframe值，以便让浏览器将您的iframe视为标准布局对象。然后，您可以通过CSS设置图层分布和定位。

Flash重叠/ wmode问题

1 个答案: