圖片的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