当前位置: 首页 > Web前端 > CSS

是否加载css隐藏元素的背景图

时间:2023-03-31 13:04:11 CSS

知乎上有“元素显示后背景图是否仍然加载:无?”的讨论。向上!想必这是很多人感兴趣的问题,我的测试结果是:当元素显示:none时,IE浏览器会发送图片请求;火狐浏览器不会发送请求;chrome和safari浏览器比较特殊,如果在父元素上设置display:none,则不会请求子元??素的背景图片。如果在同一元素上同时设置了display:none和background-image,则会发送图像请求。使用base64图片可以节省一次网络请求,但是base64图片的渲染性能不高,只适合比较小的图片,不推荐大图片。公众号搜索:webs100如果喜欢文章,请点赞关注我!