如果图像设置了CSS，那么图像会加载，以便隐藏可见性吗？

Question

如果图像设置了CSS以便隐藏可见性，图像会加载吗？

Answer 1

是的，它仍将被加载并保存在DOM中。然后你可以用JS快速显示它！

Answer 2

是的 - 我用它来预加载将用Javascript显示的图像。

您可以通过实验验证：

创建两个相对较大的图像，a.jpg和b.jpg

在页面上放置图片，源自a.jpg

当点击链接时（例如，b.jpg的缩略图），写一些javascript来将图像的源更改为b.jpg

加载页面。请注意，当您单击该链接时，您必须等待b.jpg加载。

现在编辑页面，以便首先在页面上包含b.jpg，但CSS属性为visibility: hidden

使用 Ctrl + F5 重新加载页面。完成后，再次单击该链接。

请注意，b.jpg现在加载速度要快得多。那是因为它是预装的。

Answer 3

不同的浏览器可能表现不同。

Answer 4

这完全取决于浏览器及其环境（例如，移动电话等低内存情况）。