Flash重叠/ wmode问题

Question

我在Google (16.0.912.75m)和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标记来指向一个页面，而embed实际上是嵌入的，所以wmode在您当前的DOM文档中没有任何效果，因为它不是iframe标记的有效属性(它属于embed标记)。您需要将css属性display设置为iframe标记上的block值，以便使浏览器将iframe视为标准布局对象。然后，您可以通过CSS设置层分布和定位。