如何从一堆图像（图像包）中提取一个图像？

【问题标题】：How to Extract one images from bunch of image(Image Pack)?如何从一堆图像（图像包）中提取一个图像？
【发布时间】：2014-06-19 17:14:01
【问题描述】：

我见过很多网站显示图像包中的一张图像。我们怎样才能做到这一点。

例如：http://www.flipkart.com/prod/images/new-vd-sprite-b2a14956.png

我想从这张图片中提取十字符号。

我有一个粗略的想法，它不能做到，我们必须使用 CSS。有没有人对此有更好的想法。

【问题讨论】：

标签： css html image

【解决方案1】：

这种技术被称为 CSS sprite。

HTML

<span class="sprite contact"></span>
<span class="sprite store"></span>

CSS

span.sprite {
    height: 30px;
    width: 25px;
    display: inline-block;
    background-color: burlywood;
    background-image: url('http://www.flipkart.com/prod/images/new-vd-sprite-b2a14956.png');
    background-repeat: no-repeat;
}
span.contact {
    background-position: 0 0;
}
span.store {
    background-position: 0 -80px;
}

更多资源：

【讨论】：