图片的http请求,有很多种情况,那么究竟什么情况下面不会发生请求呢?下面我用案例一一列举一下,希望对你深入了解http图片请求有所帮助。
1. 隐藏图片
XML/HTML Code复制内容到剪贴板- <img src="haorooms.jpg" style="display: none" />
http请求如下:
结论:只有Opera不产生请求。 注意:用visibility: hidden隐藏图片时,在Opera下也会产生请求。
2. 重复图片
XML/HTML Code复制内容到剪贴板- <img src="haorooms.jpg" />
- <img src="haorooms.jpg" />
http请求如下:
结论:所有浏览器都只产生一次请求 。
3. 重复背景
CSS Code复制内容到剪贴板- .test1 { background: url(haorooms.jpg) }
- .test2 { background: url(haorooms.jpg) }
- "test1">test1