ChromeでのCSS表示に関する問題：背景画像と位置

Question

最近、Chromeで正常に表示されていたWebページがもう何度も変更されていないことがわかりました。私はをピンチングすることはできません。 Chromeが間違っています。私は私の例を挙げ、何か提案、ヒント、またはソリューションをありがとう！

背景画像 ウェブサイトsaversetter.comは、縦にタイル張りの背景画像を使用します。 Chromeはもはやそれらを表示しません。グラデーションの背景を表示するには、FirefoxまたはIEで表示します。クロムは数ヶ月前までこれを正しく示していました。

ポジション ページの一番下までスクロールしてdeadlynightshades.comに移動し、そこでズームインします。数週間前までは、Chromeとすべてのブラウザでタイトルが中央下部に詰め込まれていました。その後、突然、私は今知っている、だけでタイトルを間違った位置を開始しました。私はそれを他のブラウザで壊すためにChromeで修正しましたが、これは現在の状態です。この例は現在Chromeでよく見えますが、そうではありません。誤って整列したタイトルがどのように見えるかを確認するには、FirefoxまたはIEでズームを表示します。

これらのページはChromeで動作し、突然正しく表示されなくなりました。私の最後には変更がありません。そのアップデートでは、Chromeは背景画像や絶対的な位置に関するルールのCSS表示を大幅に変更していますか？

追加：この質問Is there a bug in Chrome's CSS visibility rendering?は、私のズーマーの問題に関連しています。申し訳ありませんが、私はすぐにそれを見つけませんでした！

解決策：これを聞いて申し訳ありませんが、自分自身の解決策を考えています。質問は私に問題の枠組みを助けましたが、私は将来のあなたの時間にもっと注意するでしょう！ タイトルのアニメーション化のためにjqueryによって作成されたCSS内で、ピクセル位置の代わりにパーセンテージ位置を指定することで、位置の問題が修正されました。これに対する一般的な解決策、または変更されたChromeに関するものはありません。テスト環境で再現できないため、Chromeの変更に加えて、自分のページに関するものです。

背景画像の表示に関して、Chromeには背景サイズに関する問題があります。

background-size: 25% auto;は、background-size: 25%;に縮小されており、25％は高さおよび幅に対して正しく再利用されていません。 「auto」を「100％」に変更し、Chromeは1ピクセルの高さの画像を表示し始めました。この文脈での自動の意味は不明ですが、私はなぜそれを最初に使用したのか分かりませんが、FirefoxとIEはそれをイメージのサイズとしてレンダリングしますが、Chromeは両方のディメンション。

Answer 1

解決策が見つかっただけで、回答を探している人は誰もそれを見逃すことはありません。あなたの質問に隠されているようです。

タイトルのアニメーション化のためにjqueryで作成されたCSS内で、ピクセル位置の代わりにパーセンテージ位置を指定することで、位置問題が修正されました。これに対する一般的な解決策、または変更されたChromeに関するものはありません。テスト環境で再現できないため、Chromeの変更に加えて、自分のページに関するものです。