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

Cat*_*ton 7 html css

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

<img src="/myimage.jpg" style="display:none;" />
Run Code Online (Sandbox Code Playgroud)

Jas*_*ary 4

是的,至少根据 Firebug 中的 Net 控制台是这样。

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

对于某些浏览器(尤其是移动浏览器)来说,有可能不下载此内容以尝试优化性能。

  • 显然 Opera 没有。测试页面:http://www.quirksmode.org/css/displayimg.html (5认同)