【发布时间】：2016-12-02 05:55:35
【问题描述】：
我正在运行一些测试，以了解如何防止在 CSS 隐藏图像资源时下载它们。
一些测试结果让我感到困惑，我正在寻求帮助以找出原因。
假设有<div>要隐藏..
案例 1.background-image 和 display: none; 都设置为 <div>
>> 图像被下载
案例 2。 background-image 设置为 <div>，display:none; 设置为其父元素。
>>图片未下载
据我所知，设置display:none; 将从渲染树中删除元素。所以我想知道在案例 1 上下载图像是否是正确的行为，我认为不应该这样做。
Chrome 的工作方式与 FF 不同，后者在两种情况下都不下载图像。
我一直在搜索，但找不到令人满意的答案，为什么 chrome 会这样工作。
我附上了一些我参考的文章。
任何意见将不胜感激:)
【问题讨论】：
标签： css image google-chrome optimization