在Div背景中加载图像时设置超时时间

Set timeout while loading image in Div Background

本文关键字：设置 超时 时间 图像 加载 Div 背景      更新时间：2023-09-26

我正在加载一个图像作为div的背景url:-

<div style="background-image: url('image.jpg'),url('fallback.jpg');"></div>

据我所知，如果在调用image.jpg时出现任何错误，将显示回退图像。: -

  1. 调用image.jpg时是否也会处理超时错误?
  2. 如果是，超时时间是多少?
  3. 我如何控制这个超时时间?

EDIT:只是从注释中理解，上面不是回退，只是加载一个到另一个。我需要的是设置一个超时和显示替代图像后，原始的是没有加载超时。

您将无法找到在设置超时后加载图像所花费的时间，因为根据图像的大小，它可能比您想象的要长一些。你只需要担心你分配css属性给你的备用图像的顺序。比如，将第一个设置为"禁止重复"，而将第二个设置为相反。你可以参考这个https://css-tricks.com/stacking-order-of-multiple-backgrounds/

相关文章：