我在使用highres-images作为body-tag背景的网站上遇到了问题。图像保存为渐进式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>