当父母旋转或翻译时，“position：fixed”div不固定

Question

div "position: fixed"已嵌入父div。当父级旋转或翻译时，子级div也会移动。

这是一个错误吗？我希望孩子div能够保持不变。

HTML片段：

 <div id="mask">
    <div id="page">
    </div>
 </div>

请参阅：http://jsfiddle.net/PseKK/

上的复制品

我知道我可以通过对儿童div应用反向转换来解决这个问题，但出于性能原因，在我的实际情况中，我正在寻找一种不涉及额外转换的解决方案。

任何想法如何克服？

Answer 1

这是一个转贴，答案位于这个原始问题

Positions fixed doesn't work when using -webkit-transform

不幸的是，这是一个错误，但似乎有办法解决它。