CSS控制背景图片

疑惑很久的一个问题终于在CSDN上得到了答案，记录下来。问题：在 www.56.com 的上面蓝色导航条上点击右键-》背景令存为 ，会保存一张有很多图标的图片文件，这些图标基本上就是这个页面上用到的所有图标的一个集合，但是页面显示确是各个图标分开显示的 ，这是怎么实现的? 还有为什么有些网站的logo看上去是个图片，但是点击右键没有 图片令存为  ，保存整个页面也没有 这个logo图片 这是怎么实现的？？ 还有一个疑惑就是有些 网站的背景渐变不是用图片来做的 就像微软的网站 ，那是怎么做的？？？   答案（引用）：看了一下56.com的CSS,确实是把所有的图标做成了一个图片. 调用的时候利用CSS的background-position,设置好X,Y,然后让希望的背景图标出现在合适的位置. 例如那个导航蓝条的CSS是{width:100%;height:28px;height:36px; background:url(img/page_bg.gif) repeat-x 0 -46px;} 设置背景的Y坐标为-46px 然后刚好蓝条出现在DIV的0px,0px位置,设置了 repeat-x .确实很不错. 只需要读取一个背景图片就够了,避免了重复下载的问题.