1、<img />只要设置了src,一定会发生请求。opera浏览器除外,其在设置display:none时不会发生请求。
1 <img src="i0.gif" style="display: none"/> 除了opera浏览器,都会请求。
2、重复图片,所有浏览器都只请求一次。
1 <img src="i1.jpg" /> 2 <img src="i1.jpg" />
所有浏览器都只请求一次
3、重复背景,所有浏览器都只请求一次。
1 .text1{background: url("01.jpg")} 2 .text2{background: url("01.jpg")} 背景图片重复,所有浏览器都只请求一次。
4、html中不存在的元素,即使设置背景图片,也不会发生请求。
5、背景display:none时,opera和firefox浏览器不请求,其他浏览器均请求。
6、多重背景,基于webkit内核的safari和chrome会请求,因为支持css3的多背景图。
1 .text1{background: url("01.jpg")} 2 .text1{background: url("02.jpg")} 3 多重背景,只有safari和chrome会请求