知乎上有探讨“元素 display:none 之后 background-image 还会加载吗？”取得赞的答案却是“不加载”我感觉这个回答者答错了！
想必这是很多人都感兴趣的问题，而我的测试后果是：元素 display:none 时，IE 浏览器会发送图片申请；Firefox 浏览器不会发送申请；chrome 和 safari 浏览器更非凡一些，如果 display:none 设置在了父级元素上，则子元素背景图不会发送申请，如果 display:none 和 background-image 都设置在同一元素上，则会发送图片申请。
用 base64 图片可节约一个网络申请，但 base64 图片的渲染性能并不高，只适宜尺寸比拟小的图片，大尺寸图片不举荐。
公众号搜寻：webs100
喜爱文章就请点赞关注我！