flash元素上带有translate3d的Firefox错误-堆栈溢出 最近30次来自stackoverflow.com 2024-06-26T12:10:40Z https://stackoverflow.com/feeds/question/1138882629 https://creativecommons.org/licenses/by-sa/4.0/rdf https://stackoverflow.com/q/13882629 flash元素上带有translate3d的Firefox错误 卢克·钱宁斯 https://stackoverflow.com/users/1437936 2012年12月14日16:28:29Z 2013年7月9日T14:41:08Z <p>FireFox中存在一个错误,即任何转换了父元素(或祖先元素)的flash元素都不会被渲染。如果删除翻译,它会立即出现</p>(第页)<p>下面是一个示例:</p><pre><code>&lt;!DOCTYPE html&gt;&它;html&gt;&它;头部&gt;&它;标题&gt;FireSucks&lt/标题&gt;&它;风格&gt;.已翻译{高度:315px;宽度:560px;变换:translate3d(0px,0px和0px)scale3d(1,1,1);}&它/风格&gt;&它/头部&gt;&它;车身&gt;&它;div class=“translated”&gt;&它;iframe width=“560”height=“315”src=“https://www.youtube.com/embed/bxAvgm0EXpI网站“frameborder=”0“允许全屏显示&gt;&lt;/iframe&gt;&它/div&gt;&它/身体&gt;&它/html&gt;</code></pre><p>我已经在Chrome中测试了相同的代码,它的渲染没有问题,使用HTML5视频似乎是唯一的选择,但我想知道这是否可以修复</p>(第页)<p>谢谢</p><p>更新:</p><p>此处有一个错误报告-<a href=“https://bugzilla.mozilla.org/show_bug.cgi?id=819763#c0“rel=”nofollow“>https://bugzilla.mozilla.org/show_bug.cgi?id=819763#c0</a></p> https://stackoverflow.com/questions/13882629/firefox-bug-with-translate3d-on-a-flash-element/14879472#14879472 0 WesleyE在flash元素上使用translate3d解决Firefox错误 卫斯理E https://stackoverflow.com/users/367680 2013年2月14日16:28:45Z 2013年2月14日16:28:45Z <p>就像bug报告中提到的一条消息一样,Firefox不支持转换窗口插件。将<code>wmode</code>设置为<code>wmode=transparent或<code]wmode=opaque应该可以解决此处建议的问题</p>(第页) https://stackoverflow.com/questions/13882629/firefox-bug-with-translate3d-on-a-flash-element/17551158#17551158 0 Koen的回答。针对flash元素上带有translate3d的Firefox错误 科恩。 https://stackoverflow.com/users/189431 2013年7月9日T14:41:08Z 2013年7月9日T14:41:08Z <p>这并不是一个真正的答案,但我想值得分享:</p><p>我也有类似的问题</p>(第页)<p>但在我的例子中,flash播放器被渲染,但由于<code>位置:绝对</code>和<code>transform:translate(0,0)</code>flash播放器中的鼠标位置不正确。因此,尽管显示了悬停,但实际点击的点击区域是<code>顶部</code>和<code>left</code>values的负偏移</p>(第页)<p>要复制,请使用以下代码段:</p><pre><code>&lt;风格&gt;#视频{位置:绝对;顶部:200px;左:200px;转换:转换(0,0);}&它/风格&gt;&它;div id=“视频”&gt;&它;iframe src=“http://player.vimeo.com/video/18043595“width=”960“height=”540“frameborder=”0“webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;&它/div&gt;</code></pre><p>小提琴:</p><h3><a href=“http://jsfiddle.net/koenpunt/jHgJh/“rel=”nofollow“>使用转换</a></h3><h3><a href=“http://jsfiddle.net/koenpunt/jHgJh/1/“rel=”nofollow“>无变换</a></h3>