img中的图片资源到底是在html下载的时候就会下载,还是在逐级解析DOM树的时候,解析到img时加载的时候才去请求下载?不知道这样描述可以吧。还有一个题外话,就是我发现如果把图片写到样式里,如果父级的div是display:none的话,子级的div的背景图片是不会下载的。像id="child"的背景图片是不会下载的。这是与浏览器机制有关还是规范就是这样?
<div id= "parent" style="display:none">
<div id="child" style="background:url("xx/1.jpg") center no-repeat"></div>
</div>
主要是跟浏览器厂商的实现机制相关,css引擎会选择是否解析不在render书中,但是存在dom树中的对象。但是大多数浏览器长生都默认选择不解析。
第一个描述按照我的理解是正确的,第二个我认为是按照规范,因为跟render树有关