图片的http请求

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会请求

转载于:https://www.cnblogs.com/i-Leo/p/9506291.html