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會請求