图片的http请求

时间 2019-11-08

标签图片 http 请求栏目 HTTP/TCP 繁體版

原文原文链接

一、<img />只要设置了src，必定会发生请求。opera浏览器除外，其在设置display:none时不会发生请求。css

1 <img src="i0.gif" style="display: none"/> 除了opera浏览器，都会请求。

二、重复图片，全部浏览器都只请求一次。html

1 <img src="i1.jpg" />
2 <img src="i1.jpg" />
全部浏览器都只请求一次

三、重复背景，全部浏览器都只请求一次。css3

1 .text1{background: url("01.jpg")}
2 .text2{background: url("01.jpg")}
背景图片重复，全部浏览器都只请求一次。

四、html中不存在的元素，即便设置背景图片，也不会发生请求。web

五、背景display:none时，opera和firefox浏览器不请求，其余浏览器均请求。chrome

六、多重背景，基于webkit内核的safari和chrome会请求，由于支持css3的多背景图。浏览器

1 .text1{background: url("01.jpg")}
2 .text1{background: url("02.jpg")}
3 多重背景，只有safari和chrome会请求