位置：固定，当父级有translate3d时

Question

我有

<div class="parent">
    parent

    <div class="child">child</div>

</div>

使用

.parent {
    border: solid red;
    width: 200px;
    height: 200px;
    transform: translate3d(20px,20px,20px);
}


.child {
    position: fixed;
    top: 0;
    left: 0;
    border: solid green;
    width: 100%;
    height: 100px;
}

See it live here

但根据视口，孩子似乎没有相对定位。

我知道这有一个长期存在的webkit bug，还有一些解决方法。

问题是我无法控制父html / js代码（lib代码），我只能自定义子代来实现我的目标。

有没有办法在不触及父CSS的情况下实现我的目标？