A18制造

如果你是一名Web Developer，而且还知道CSS Sprite这个词，请先去搜索一下（或者看看Realazy的这篇文章），也许你正在使用这个技术，但只是不知道它的名字罢了。

刚才在Google搜索的首页，发现在body的onload里有这么一句：

if(document.images){new Image().src='/images/nav_logo3.png'}

那么来看看这个http://www.google.com/images/nav_logo3.png是个啥？

就是它：

这就是Google搜索的CSS Sprite应用。图片文件中基本上包含了Google搜索结果页面用到的所有图形。这些图形被放在了同一个文件中（使得即使看起来是多个图片，但连接数仍然为了1），而且在搜索首页预先加载，这样在搜索结果页面中就会更快速地将它们显示出来。