当父母旋转或翻译时,"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时,固定的位置不起作用

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