html - 浏览器是否加载了 display: none 的图像？

Question

这些图像是否由浏览器加载：

<div style="display: none">
   <img src="/path/to/image.jpg" alt="">
</div>

或者

<img src="/path/to/image.jpg" alt="" style="display: none;">

“由浏览器加载”我的意思是，这些图像是否由浏览器立即加载，以便当图像不再使用 css 显示为无时它们可以立即使用。当它不再显示为无时，它会从缓存中取出还是重新加载？

Answer 1

要回答您的问题，它会在页面（或事件）加载后立即加载。通常在有人要使用 javasript 显示该元素时使用。