CSS 背景图像 JPG 保存为渐进式但网站呈现基线

问题描述

我有一个使用 GIMP 保存为渐进式的 JPG。当我使用在线工具检查 JPG 时,它显示为渐进式。但是图像总是加载基线

在 CSS 中,此 JPG 被设置为背景图像,上面有线性渐变。

background-image: linear-gradient(
      to bottom right,rgba(0,0.7),0.2)
    ),url(../images/coverpage.jpg);

删除线性梯度没有任何区别,它仍然加载基线。

关于此主题的其他主题存在渐进式 JPG 无法加载然后突然出现的问题。但是在我的情况下它加载基线(而不是不加载和出现)。

任何帮助或建议将不胜感激。我已经没有这个想法了。

请参阅下面的代码笔示例。我已将图像完全未压缩以帮助查看基线负载

https://codepen.io/AndyH2020/pen/GRNJRrq

谢谢

安迪

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)