當父母旋轉或翻譯時，“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

這是一個轉貼，答案就在這個原始問題中

使用-webkit-transform時，固定的位置不起作用

不幸的是，這是一個錯誤，但似乎有辦法解決它。