圖片的http請求

一、<img />只要設置了src，必定會發生請求。opera瀏覽器除外，其在設置display:none時不會發生請求。

1 <img src="i0.gif" style="display: none"/> 除了opera瀏覽器，都會請求。

二、重複圖片，全部瀏覽器都只請求一次。

1 <img src="i1.jpg" />
2 <img src="i1.jpg" />
全部瀏覽器都只請求一次

三、重複背景，全部瀏覽器都只請求一次。

1 .text1{background: url("01.jpg")}
2 .text2{background: url("01.jpg")}
背景圖片重複，全部瀏覽器都只請求一次。

四、html中不存在的元素，即便設置背景圖片，也不會發生請求。

五、背景display:none時，opera和firefox瀏覽器不請求，其餘瀏覽器均請求。

六、多重背景，基於webkit內核的safari和chrome會請求，由於支持css3的多背景圖。

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