これが私のCSSです:
body {
color: #ffffff;
background-color: #8f8f8f;
background: url(images/noise_int.png) repeat center; /* fallback */
...
background: radial-gradient(rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, .8) 90%), url(images/noise_int.png) repeat center, #8f8f8f; /* W3C */
height: auto;
background-size: auto;
}
(すべてのブラウザの余分な背景線を取り除きました。)これで、背景色が最初に灰色の色相に設定されたと思います。次に、画像の上、灰色の色相の上に、透明なグラデーションであると言われます。これは、画像がその下に読み込まれている間、灰色の色相があることを意味すると思いましたが、そうではありません。画像が下に読み込まれている間は黒です。これは、画像がプログレッシブでインターレースされている場合に発生します。この動作を防ぐ方法はありますか?