Css Firefox中的渐进式JPG背景图像问题

如果有人知道的话，可以问一个关于进步JPG背景的快速问题

如果将JPEG设置为CSS背景，Firefox似乎会忽略JPEG的“渐进性”，并等待图像完全加载，直到显示。我让Chrome和IE逐步加载背景图像，但Firefox只是以全质量弹出它们

我看到了摆在我面前的证据，但在网上几乎找不到相关信息。只是一些没有回答的论坛问题

有人知道这件事吗？这是Mozilla知道的bug还是正在发生的事情

---

编辑：easwee提供的测试用例

您尝试过使用jquery插件吗？有一个类似的问题，我希望延迟加载以缩短加载时间，所以使用jquery加载图像并覆盖浏览器

在快速搜索后，找到了以下内容：

---

由于我正在研究一个类似的问题，所以我开始深入研究

在该+Fiddler 2上模拟慢速调制解调器速度的个人测试结果：

                                 as HTML <img>     as CSS background
Firefox (ver 25.0.1)             works             no support
Chrome (ver 32.0.1700.107 m)     works             works
Safari (windows 5.1.7)           no support        no support

---

（我猜渐进式加载背后的原因是为了更好的加载时间）（正确^^）希望如果有解决方案，它也不需要插件或库。问题的关键是找出渐进式图像加载是否在css中工作。在这种情况下，图像加载器对您没有任何好处，因为图像仍然需要加载，并且在之前是不可见的。只是好奇：根据CSS3，在多个背景图像中，这是“低于”吗？（无可否认，我从未考虑过加载顺序。）@ulrichswarz-不-我的意思是像两个嵌套的div一样-或者在

上加载压缩背景，然后在

上加载完整的ress。是的，我想到了解决方法2，这可能是我必须在这里使用的解决方案。你知道这是否已经被FF团队“窃听”了吗？我找不到任何东西。@easwee:FYI，使用多个背景似乎有效（在FF 24和Opera 12.15中）：

显示我的本地低分辨率版本，直到另一个版本完成，因此请求是并行的。虽然我希望其他浏览器能在这个功能上赶上Chrome，但A代理可以很聪明，不会加载隐藏在不透明图像后面的图像，但我接受这个答案：）

<div style="background:url(extremely_compressed.jpg);">
    <div style="background:url(high_quality.jpg);">
    </div>
</div>

background-image: url('extremely_compressed.jpg'),url('high_quality.jpg');