Css 背景图像不是';逐步加载

Css 背景图像不是';逐步加载,css,background,high-resolution,progressive,Css,Background,High Resolution,Progressive,我在一个网站上遇到了一个问题,该网站使用高分辨率图像作为身体标签的背景。图像以渐进式JPEG格式保存,但不会渐进式加载(Firefox、Chrome…)。您只需看到纯白色背景,直到加载并显示整个图像。 当我通过地址栏直接调用imageURL时,它会按预期加载。 当图像通过css用作背景时,是否可以逐步加载图像? 例如: <!DOCTYPE html> <head> <title>Some title</title> <style type=

我在一个网站上遇到了一个问题,该网站使用高分辨率图像作为身体标签的背景。图像以渐进式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>

一些头衔
身体{
背景附件:固定;
背景剪辑:边框框;
背景色:透明;
背景图片:url(“progressive1920x1080.jpg”);
背景来源:填充框;
背景位置:中心;
背景重复:无重复;
背景尺寸:封面;
}

请也提供页面代码,CSS并没有告诉我们太多信息……我不想发布整个页面的标记,因为这与内容无关。这是关于一个简单的问题,如果渐进式图像加载可以与背景图像和如何获得。我试着用一个简单的页面,就像我的问题中的编辑一样,这是同样的行为。无渐进加载。显然,有时即使它们得到支持,在加载完成之前也不会显示任何内容。老实说,我只是更担心创建合理大小的图像。如果是背景图像,它不需要是非常高质量的照片,请记住,显示器仅以72 dpi的速度显示(除了愚蠢的Mac视网膜),您完全正确,但是我们可以将此网站的图像大小减少到大约600kb,这会通过调用页面导致这种丑陋的基线效果。我认为改变这一点很简单,但似乎我不能依赖于……可能的重复: