Kei*_*ark 6 css optimization google-chrome image
我正在运行一些测试,以防止在CSS隐藏图像资源时如何下载它们.
一些测试结果令我困惑,我正在寻找一些帮助来找出原因.
假设有一个<div>隐藏..
案例1.既background-image和display: none; 被设置为<div>
>>图像下载
情况2. background-image设置为<div>,并display:none;设置为其父元素.
>>图片未下载
据我所知,设置display:none;将从渲染树中删除元素.所以我想知道在案例1中下载图像是否正确,我认为不应该这样做.
Chrome的工作方式与FF不同,后者不会在两种情况下都下载图像.
我一直在寻找,但我找不到令人满意的答案,为什么铬以这种方式工作.
我附上了一些我正在引用的文章.
任何意见将不胜感激:)
小智 0
有趣的...
顺便说一下， display none 不会从渲染树中删除元素，因为 :nth-child() 仍然计算渲染树中那些 display none 元素。
我猜 Chrome 并没有涉及这些元素。