知乎上有探讨“元素display:none之后background-image 还会加载吗?”取得赞的答案却是“不加载”我感觉这个回答者答错了!

想必这是很多人都感兴趣的问题,而我的测试后果是:元素display:none时,IE浏览器会发送图片申请;Firefox浏览器不会发送申请;chrome和safari浏览器更非凡一些,如果display:none设置在了父级元素上,则子元素背景图不会发送申请,如果display:none和background-image都设置在同一元素上,则会发送图片申请。

用base64图片可节约一个网络申请,但base64图片的渲染性能并不高,只适宜尺寸比拟小的图片,大尺寸图片不举荐。

公众号搜寻:webs100
喜爱文章就请点赞关注我!