2013-06-12 3 views
12

問題の原因を突き止めるまで、膨大な量のコンテンツがある私のウェブサイトのこの狂ったバグに2時間を費やしました。 Chromeの場合位置:固定要素内位置:絶対要素(Z-インデックスを持つ)はのようには動作しませんでした:要素が固定されています。Chromeの位置:固定された位置:iframe/videoで絶対的に破損する


注 - (Ubuntuの上ではない)Chromeのウィンドウにのみ
この質問と私の回答を投稿して、他の人がChromeから不満を募らず、クレイジーなバグを投稿したいと思っています。

テストページ:http://jsbin.com/uhuzoy/2/edit

答えて

38

FIXposition:fixed要素にこれらのルールを追加します。

-webkit-backface-visibility: hidden; 
-webkit-transform: translateZ(0); 
+0

をこの修正プログラムは、残念ながら普遍的ではないのデモを参照してください。私の場合、それは問題を解決しません。 –

+0

私はGoogleが何かを変更したと思うし、これはいくつかの状況ではもう動作しないかもしれません。私は今日解決できなかった問題を抱えていましたが、フリッカーの異常が発生したときはいつでもこの修正が100%働いたので非常に驚いていました。 – vsync

+3

**注** - 絶対親に平行移動がある場合、固定要素はビューポートではなく親座標に基づいています。 – vsync

関連する問題