当CSS声明包含有效值background-image时，何时下载图像？这些图像是在解析样式表时下载的，还是在页面上实际应用声明时下载的？
换句话说，我是否会下载样式表中提到的所有图像，而不管它们是否会被使用？
此外，是否有解决此问题的规范（如果有，是否尊重）还是留给用户代理？
问问题
2286 次
3 回答
3
这篇文章有点旧（12 个月），但它可能会给你一个想法。
http://timkadlec.com/2012/04/media-query-asset-downloading-results/
于 2013-10-10T10:26:09.053 回答
2
当您在样式表中声明background-image时，无论您在文档中调用该类或不调用该类，浏览器解析您的样式表时都会立即下载图像。
于 2013-10-10T10:15:38.333 回答
2
浏览器每次都更加智能。新的浏览器会检测屏幕大小并且不会为不适用的媒体查询下载图片：媒体查询和图片下载
另外我刚刚发现，如果您说#example{ background-image: "whatever.jpeg"}元素#example不存在于 DOM 中，那么浏览器将不会下载该图像，因为我在这里阅读：是否下载了未使用的 CSS 图像？
当然要小心display:none; ！您的响应式网站会下载这些隐藏元素的背景图片
于 2014-09-15T11:07:47.483 回答