Html Flash对象崩溃css布局？（只有firefox、chrome都是完美的！）

嘿，我的社区

我有一个flash对象/嵌入的问题

这就是图像。。。应该是这样。

flash object/embedded也是如此…

实际上，“不透明度”css不能与flash对象/嵌入式对象一起工作。 此外，白色div将不可见。 但是如果我给你看一个黑色的div，你就不知道我的意思了

如何解决此问题？

---

提前感谢：）

感谢您上传小提琴，您可以看到，我已将其分叉，并使其在两种浏览器中都能工作

诀窍是在youtube URL上传递的参数中添加

？wmode=transparent

以下是您的问题的解决方案：

小提琴 HTML 请注意，我对代码进行了一些清理，使代码更具可读性

编辑 我用一个按钮做了一个新的小提琴，它可以让你在飞行中从显示

wmode=gpu

的字符串更改为

wmode=transparent

请注意，我添加了jquery，现在它被操纵，只需点击按钮即可执行。。。您当然可以用对您的项目有意义的任何其他方式来实现它

---

我想我可以代表所有人这样说：如果您添加了一个JSFIDLE或一些问题明确的东西，那么您的帮助就是更快地帮助您。上传图片的道具。每个嵌入对象都有问题。。。（信息：录像机应该是圆形的^^这就是问题所在，例如…///测试过的firefox:不工作。测试铬：有效…谢谢。但是有没有一个不改变wmode的解决方案？我不知道，为什么这个解决方案对你来说不可行？因为youtube就是一个例子，我会根据Greasemonkey修改的对象是一个游戏。我会在那里聊天。。。游戏开始时需要“wmode=gpu”，否则无法启动。也许我可以在启动后更改wmode，但对于firebug，我找不到解决方案……糟糕，我现在明白你的意思了。你看过这个资源了吗？他们在讨论如何使用JS动态更改wmode？我用Firebug和控制台测试了一些东西。但如果我更改url，例如，对象将重新加载。如果我更改参数：重新加载。。。。为什么chrome对wmode没有问题？是否有Firefox插件来处理像Chrome这样的Flash对象。。。我用谷歌搜索了一个小时，没有Firefox的解决方案=

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

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

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;
}