图片的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会请求


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM