最近2回目に、Chromeで正しく表示されていたウェブページが表示されなくなり、変更がないことを発見しました。Chromeがうまくいかない場所を特定することすらできません。私の例を挙げ、提案、ヒント、または解決策に感謝します！
background-image Webサイトsaversetter.comは、垂直方向に並べて表示されたbackground-imageを使用します。Chromeはそれらを表示しなくなりました。FirefoxまたはIEで表示して、グラデーションの背景を表示します。Chromeは、数か月前までこれを正しく示していました。
position deadlynightshades.com のページの一番下までスクロールし、そこにあるズーマーにカーソルを合わせます。数週間前まで、Chromeとすべてのブラウザは、タイトルが中央下に急降下することを示していました。それから突然、私は今知っています、Chromeだけがタイトルの位置を間違え始めました。私はそれをChromeで修正しましたが、他のブラウザでそれを壊すだけでした。この例は現在Chromeで見栄えがしますが、そうではありません。FirefoxまたはIEでズーマーを表示して、タイトルの位置がずれていることを確認します。
これらのページはChromeで機能していましたが、突然正しく表示されなくなり、既知の変更はありませんでした。そのアップデートで、Chromeは背景画像または絶対位置を含むルールのCSS表示を大幅に変更しましたか？
補遺：この質問ChromeのCSS可視性レンダリングにバグはありますか？ズーマーの問題に関連しているようです。申し訳ありませんが、すぐには見つかりませんでした。
解決策：これを聞いて申し訳ありませんが、それから私自身の解決策を考え出します。尋ねることは私が問題を組み立てるのを助けました、しかし私は将来あなたの時間にもっと注意を払います！タイトルをアニメーション化するためにjqueryによって作成されたcssで、ピクセル位置の代わりにパーセンテージ位置を指定することにより、位置の問題が修正されました。これに対する一般的な解決策はなく、Chromeについて何が変わったのか。テスト環境では再現できなかったので、Chromeでの変更に加えて、私のページに関するものです。
背景画像の表示に関して、Chromeには背景サイズの問題があります。
background-size: 25% auto;に縮小されbackground-size: 25%;、25％が幅だけでなく高さにも誤って再利用されています。「自動」を「100％」に変更すると、Chromeは1ピクセルの高さの画像を表示し始めました。このコンテキストで自動が何を意味するのかは明確ではありません。最初に自動を使用した理由はわかりませんが、FirefoxとIEは画像のサイズとしてレンダリングしますが、Chromeは両方のサイズに他の定義された値を使用しているようです。 。