我在使用高分辨率图像作为正文标签背景的网站上遇到问题。图像保存为渐进式 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>