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

4次阅读

共计 334 个字符，预计需要花费 1 分钟才能阅读完成。

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

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

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