何らかの理由で、Chrome(最新のビルド)のランダムなスペースにブラックボックスが表示されています。
これらのボックスの一部はメインコンテナの外側に表示されますが、一部はインラインで表示され、コンテンツブロックをカバーします。これらは、通常はスクロール後にランダムに表示され、インスペクターを開いたり、要素にカーソルを合わせたり、上下にスクロールしたりすると消えることがよくあります。
参考までに、いくつかのアニメーション、ボックスシャドウ(運が悪いため無効になっています)、線形グラデーション、および位置:ページ上の固定要素がありますが、これはChrome以外のブラウザでは問題になりません。
これはユーザーテストで広く報告されていますが、修正を思いつくことはできませんでした。サイトが比較的軽量で、16GBのRAMを搭載した新しいラップトップでブラウジングしているため、CPUまたはグラフィックカードの問題かどうかはわかりません。 4GBのRAMを搭載した古いMacMiniでは、この問題は発生しません。
どんなポインタでも大歓迎です。
更新:これはChromeのバグであり、修正されました: https://code.google.com/p/chromium/issues/detail?id=142038
eddzはcrbug.com/newで問題を提出し、40人以上がフォローするためにチケットにスターを付けました。これにより、エンジニアリングチームによるChromeのいくつかの個別の修正が行われました。
transformZ (0)
を使用してGPUレンダリングを強制しているWebサイトでこの問題が発生しました。このスタイルを削除すると、問題は解消されました
これは答えではありませんが、どういうわけかそれを後で再現できるのであれば:
ローカルまたは任意の場所でページのコピーを作成し、ベースhrefをメインドメインに設定します。ここで、動作が発生しなくなるまで、cssリンクとjsスクリプトを下から上に削除し始めます。次に、最後に削除したスクリプト/スタイルシートが原因です。
犯人ファイルを見つけたら、犯人の行/セクションを見つけてみてください。
その点に到達しない場合、それはmayブラウザですが、そうではないように聞こえます。
また、スクリプト/スタイルシート間でリンクされているか、誤って継承されている可能性があります。
私はこれらの同じ箱に遭遇しました。私にとっての問題は、webmビデオの代わりにchromeで非推奨になっているmp4ビデオを使用していたことでした。
私達は私達のウェブサイトでもこの奇妙なブロックを経験しました。以前はトランジションを使用していましたが、トランジションは別のバグを再現していました。「奇妙な線」がページにランダムに表示され、スクロール中に消えました。
ここで、transformX-Yの使用を開始しますが、Zの場所にもある可能性があります。そして、私たちはこの地獄のブロックブロックを持っています。
Chromeトランスフォーム+トランジションアニメーションでは何か問題があるようです。一度にアニメーション化されるブロックが多すぎると、このバグが発生する可能性がありますか?
FFは正常に動作します。