位置：已修复，不适用于父级“ transform3d”

Question

我遇到一个问题，固定元素将由具有transform:translate3d(0, 0, 0)属性的容器定位，而不是由设备屏幕定位。

主要问题是我无法更改具有translate3d转换的父元素的属性。

我们开发了将粘贴到不同站点的视频播放器。在不支持全屏的设备上，我们将position: fixed用于全屏。

我在JSFiddle上附加了一个示例，其中我希望绿色框位于“容器”的顶部，而不是“ transformWrap”元素的内部： http://jsfiddle.net/GMX5H/159/

小提琴的简化版本：

<div class="container">
    <div class="transformWrap" style="transform:translate3d(20px, 20px , 20px);">
        <div class="fixed" style="position: fixed;left:0;top:0;">Fixed block</div>
    </div>
</div>

我已阅读5年前提出的问题，并尝试了所有解决方案。不幸的是，这些解决方案无济于事，因为我无权访问父HTML / CSS，也无法获得transform的价值。

'transform3d' not working with position: fixed children

我们是否有解决此问题的新可能性？