知乎上有讨论“元素display:none之后background-image 还会加载吗？”获得赞的答案却是“不加载”我觉得这个回答者答错了！
想必这是很多人都感兴趣的问题，而我的测试结果是：元素display:none时，IE浏览器会发送图片请求；Firefox浏览器不会发送请求；chrome和safari浏览器更特殊一些，如果display:none设置在了父级元素上，则子元素背景图不会发送请求，如果display:none和background-image都设置在同一元素上，则会发送图片请求。
用base64图片可节约一个网络请求，但base64图片的渲染性能并不高，只适合尺寸比较小的图片，大尺寸图片不推荐。
公众号搜索：webs100
喜欢文章就请点赞关注我！
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。