background-image未逐步加载

时间:2012-11-06 11:47:45

标签: css background high-resolution progressive

我在使用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>

0 个答案:

没有答案