星外飞客

今天帮朋友分析口碑网一个网页效果时，无意中发现一个情况：网页上不少图片查找不到。翻了之后，原来藏在CSS中。

如：

.extra-item label{
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAYCAMAAABjozvFAAAAMFBMVEXw8vfu8fbv8vfp7fPq7vTs7/Xr7/TL0+DM1OHs8PXr7vTv8fft8Pbt8PXU3Of///8GrwM5AAAAEHRSTlP///////////////////8A4CNdGQAAAGZJREFUOI3V0sEBglAQA9GgQlaFTP/devgthIOvgLkkIu4IgGJ1OIBaNcl35B4tt+S+LSu3tbRzqeY2B/nsceSryPK7x5H3Godibi17tKzfdXPzaRlA82r5h9yzZQCl1ZsAItMRgB8NhicoERJ3GAAAAABJRU5ErkJggg==) repeat scroll 0 0 transparent;*background:url(mhtml:http://k.kbcdn.com/product/store/v1/css/detaipublic-1-0-1-mhtml.css!label.png) repeat scroll 0 0 transparent;
} 

居然将小图片BASE64编码后置于CSS样式表中，以此来进一步减少访问请求。

高！