我正在运行一些测试，以防止在CSS隐藏图像资源时如何下载它们。
有些测试结果令我感到困惑，我正在寻找帮助以找出原因。
假设有<div>要隐藏..
案例1。 background-image和display: none;都设置为<div>
＆GT;＆GT;图像下载
案例2。 background-image设置为<div>，display:none;设置为其父元素。
＆GT;＆GT;图片未下载
据我所知，设置display:none;将从渲染树中删除元素。所以我想知道在案例1中下载图像是否正确，我认为不应该这样做。
Chrome的工作方式与FF不同，后者在两种情况下均无法下载图像。
我一直在寻找，但我无法找到令人满意的答案，为什么Chrome会这样运作。
我附上了一些我引用的文章。
任何意见将不胜感激：）
答案 0 :(得分：0)
有趣...
顺便说一句，不显示任何内容并不会将元素从渲染树中删除，就像：nth-child（）仍在计算渲染树中不显示那些元素一样。
我想Chrome只是不包含这些元素。