FireFox 中有一个错误,即不会呈现任何翻译了父(或祖先)元素的 flash 元素。如果删除翻译,它会立即出现。
这是一个例子:
<!DOCTYPE html>
<html>
<head>
<title>FireSucks</title>
<style>
.translated {
height: 315px;
width: 560px;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}
</style>
</head>
<body>
<div class="translated">
<iframe width="560" height="315" src="https://www.youtube.com/embed/bxAvgm0EXpI" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>
我已经在 Chrome 中测试了相同的代码,它可以毫无问题地呈现,使用 HTML5 视频似乎是唯一的选择,但我想知道这是否可以修复。
谢谢
更新:
这里有一个错误报告 - https://bugzilla.mozilla.org/show_bug.cgi?id=819763#c0
最佳答案
就像错误报告中的一条消息提到的那样,Firefox 不支持要转换的窗口插件。
将 wmode
设置为 wmode=transparent
或 wmode=opaque
应该可以解决那里建议的问题。
关于flash - 在 flash 元素上使用 translate3d 的 Firefox 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13882629/