Html 为什么“背面可见性：隐藏”不适用于iframe？

背面可见性不会隐藏iframe背面

我创建了一个双面都有iframe元素的翻转框，翻转时，正面的iframe将覆盖背面的iframe，应用

backface可见性：hidden

不会将其隐藏在背面，尽管它：

我可以通过使前端iframe可见性：隐藏在悬停状态来修复此问题。但是

---

问题：为什么

背面可见性

不适用于

iframe

？

您缺少

变换样式：保留-3d？
您可以添加一个CSS动画，在“一半时间”切换iframe可见性…？是的，我可以，但我不明白为什么iframe背面不工作，如果我使用不同的过渡计时功能，翻转框翻转一半
时，它的可见性将不会准确显示。前
和
不同，所以它们有不同的背面。我相信您的单个元素必须是
变换样式：preserve-3d
@StackSlave是的，谢谢，
变换样式：preserve-3d
是它缺少的，您可以发布一个答案，我会将其标记为正确
<div class="flip3D">
     <div class="front">
        <iframe id ="frame" width="auto" height="auto" src="https://www.youtube.com/embed/wZZ7oFKsKzY?enablejsapi=1" frameborder="0"> 
        </iframe>
     </div>
     <div class="end">
        <iframe width="80%" height="80%" src="https://www.youtube.com/embed/tgbNymZ7vqY" frameborder="0"></iframe>    
     </div>
</div>