2

body タグの背景として高解像度画像を使用する Web サイトで問題が発生しました。画像はプログレッシブ jpeg として保存されますが、プログレッシブには読み込まれません (Firefox、Chrome...)。画像全体が読み込まれて表示されるまで、真っ白な背景が表示されます。アドレス バーから直接 imageURL を呼び出すと、期待どおりに読み込まれます。
css経由で背景として使用されている画像をプログレッシブにロードすることはできませんか?

例として：

<!DOCTYPE html>
<head>
<title>Some title</title>
<style type="text/css">
body{
    background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("progressive1920x1080.jpg");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
</style>
</head>
<body>
</body>
</html>
4

0 に答える 0