2012-02-20 15 views
15

div"position: fixed"が親に埋め込まれているdiv。親が回転または平行移動すると、子divも移動します。親が回転または平行移動するときに「位置:固定」divが固定されない

バグですか?私は子供divが固定されたままであることを期待した。

HTMLスニペット:

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

でREPROを参照してください:私は、私は私が子供divに逆変換を適用することではなく、私の本当のシナリオでは、パフォーマンス上の理由のためにそれを修正することができることを知ってhttp://jsfiddle.net/PseKK/

余分な変換を必要としないソリューションを探しています。

どのように克服するか?

+0

内側のdivを引き出すことはできませんか?そうでない場合、なぜですか? –

+0

私の実際のシナリオでは、親divが子divの一部をマスクするので、私はできません。 – viebel

+0

とにかく内側のdivを引き出すことができます。それを行い、 'z-index'を使ってページの上にマスクを置いてください。 –

答えて

10

これが再投稿され、その答えは、この元の質問に

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

に位置しています残念ながら、それはバグですが、それを回避する方法があるように思われます。

+1

ありがとう!彼らが示唆しているように「変換されたdivをイメージにして、それをバックグラウンドとして使う」方法を知っていますか? – viebel

+1

私は彼らがあなたの変換されたdivのCSSを使用する代わりに、イメージを使用して固定divの背景として配置するので、変換シェイプの実際のCSSの代わりにイメージを配置すると言っていると思います。 [残念ながら、実際には "修正"ではありませんが、他に何もしないように聞こえます。] – JimmyBanks

+0

"それを回避する方法があるようです"とはどういう意味ですか?答えが見つからない場合は、答えとしてコメントを書いてください。 – vsync