浏览器是否仍然下载了在css中设置了display：none的元素？

Question

浏览器是否仍会下载图像？

<img src="/myimage.jpg" style="display:none;" />

Answer 1

是的，至少根据Firebug中的Net控制台。

正如 thethimble 所述，CSS是表示层并影响渲染，而不是页面的实际处理。

某些浏览器（尤其是移动设备）可能无法下载此内容以试图优化性能，这不会超出可能性范围。

Answer 2

是。图像的渲染与图像的下载无关。

编辑：
尝试使用Chrome或Firefox对页面资源执行时序测试。请注意，所有图像都已下载。甚至是那些显示风格设置为无的。

Answer 3

是

但是，作为旁注，某些浏览器不会下载width和height属性为0的图片。现在找不到源代码，只测试了Firefox和Safari，他们就是 下载它。必须是IE，任何人都可以为我测试吗？感谢。

如有疑问，请嗅探线路，或使用浏览器专用工具（适用于Firefox的Firebug，适用于Webkit的Web Inspector等）

Answer 4

Quirks Mode: images and display: none

  

当图片具有display: none或位于元素内部时   display:none，浏览器可能会选择不下载图片，直到display   设置为另一个值。

     

当您将display切换为block时，只有Opera会下载图片。   所有其他浏览器立即下载。