Flash重叠/wmode问题

Question

我在Google Chrome浏览器（16.0.912.75米）和Safari浏览器（5.1.1）中遇到了非常常见的flash/html覆盖问题。根据此处和此处的建议，我已将wmode属性设置为transparent-，并尝试了opaque。不幸的是，两人都没有成功。

我还添加了type="application/x-shockwave-flash"，就像这里建议的一样

这是目前负责嵌入的代码。

<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标记）。为了使浏览器将iframe视为标准布局对象，您需要在iframe标记上将css属性display设置为block值。然后，您可以通过CSS设置图层分布和定位。