CSS Sprite技术, 允许开发者将众多零碎的图片, 诸如小图标等, 通过Photoshop或其他图片工具, 切片合并成一个大图 (如图3) , 然后统一通过一个请求, 发送到浏览器端。开发者需要做的事情, 就是利用CSS中的backgroundposition、background-repeat, background-position的组合, 来定义每个小图标在大图上的对应位置, 通过大图加精准位置定位切割的方式, 去显示出多个小图标。这样, 就是通过一个CSS代码, 再加上一个合并而成的图片, 就代替了同时传送多个小图标的方法。
在电商网站建设中, 均存在大量的小图标, 如商品分类logo、设置菜单logo等。采用CSS Sprite能够大量地减少网页的HTTP请求, 降低网站臃肿度。同时可以加快页面加载速度, 大大地提高网站的性能。
标题名称：企业网站建设使用CSS Sprite技术
文章转载：
上海网站建设公司_君君营销，为您提供网站导航、云服务器、做网站、域名注册、商城网站、自适应网站
