如何强制图像按特定顺序加载？

【问题标题】：How to force images to load in a certain order?如何强制图像按特定顺序加载？
【发布时间】：2020-06-07 07:54:05
【问题描述】：

我在一个网站中有一个英雄部分，该部分有一个背景图像，其中有 2 个叠加的图像。这两个图像像窗帘一样滑回两侧。我的问题是在两个叠加图像之前加载背景图像。有什么办法可以强制这 3 张图片按固定顺序加载？

TIA

【问题讨论】：

欢迎来到 Stack Overflow！你已经写了什么代码？请阅读this guide on producing code for a good quality question，然后在您的问题中包含并标记您的代码。干杯！

【解决方案1】：

我不认为你可以通过纯 HTML/CSS 来做到这一点，但你可以在你的 HTML 中省略 src 属性，并在页面加载时按照你想要的任何顺序使用 Javascript 添加它们。

查看此答案了解更多详情。要设置背景图像，您必须设置 'background-image' CSS 属性而不是设置 src 属性：Controlling image load order in HTML

【讨论】：