css tips —— 可见性对图片加载的影响

如果是<img />标签，无论是display: none；还是visibility: hidden;都会加载图片；

但是如果是背景图片即background-image: url(xxx);display: none; 不加载图片， visibility： hidden； 会加载图片。

 

具体原理，这篇文章写的不错：

Web图片资源的加载与渲染时机