html - Flash 对象崩溃 css 布局？（只有火狐，铬都完美！）

Question

嘿stackoverflow社区，

我对 Flash 对象/嵌入式有问题...

这就是图像......所以它应该是。

所以它与闪存对象/嵌入式......

实际上，“不透明度” css 不适用于 Flash 对象/嵌入。白色 div 也不可见。但是如果我给你看一个黑色的 div，你就不会明白我的意思。

我怎样才能解决这个问题？

先感谢您 ：）

Answer 1

感谢您上传小提琴，正如您所见，我将它分叉并使其现在可以在两种浏览器中使用。

诀窍是添加?wmode=transparent到 youtube URL 上传递的参数。

这是有关该问题的更多信息

这是您问题的解决方案：

小提琴演示

HTML

<iframe width="500" height="500" src="//www.youtube.com/embed/0lrrUwyTw2c?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe>

<div class="cover"></div>

CSS

body {
    margin: 0;
    padding: 0;
}
.cover {
    position: absolute;
    z-index: 2;
    border-radius: 0 50px 0 0;
    top: 0;
    left: 0;
    background: #767676;
    width: 500px;
    height: 500px;
}

请注意，我稍微清理了代码并使内容更具可读性。

编辑

我用一个按钮制作了一个新的小提琴，它可以让你从说的字符串快速更改wmode=gpu为wmode=transparent。

请注意，我添加了 jquery，并且它当前被操纵以在单击按钮时执行......您当然可以以任何其他对您的项目有意义的方式来实现它

新小提琴