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

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

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

 

具体原理,这篇文章写的不错:

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

posted @ 2017-12-21 09:39 南辰_k 阅读(...) 评论(...) 编辑 收藏