教你玩转CSS 精灵图/雪碧图

目录

精灵图/雪碧图

图像拼合 - 简单实例

图像拼合 - 创建一个导航列表

图像拼合s - 悬停效果

精灵图/雪碧图

精灵图/雪碧图就是图像拼合

也就是单个图像的集合。

有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。

使用图像拼合会降低服务器的请求数量，并节省带宽。

图像拼合 - 简单实例

与其使用三个独立的图像，不如我们使用这种单个图像（"img_navspr