乐趣区

关于css:css隐藏元素的背景图到底加不加载

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

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

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

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

退出移动版