如何将图标集上的区域映射到按钮？

Question

我想为我的ASP.NET MVC3网站使用登录按钮设置（courtesy of Komodo Media）并将图标分配给相应的按钮，但按钮设置是单个图像：
除了使用图像编辑器并将图标分成单独的图像文件之外，还有办法用代码吗？我知道使用stackoverflow标记按钮也做了类似的事情，但是我不知道如何以编程方式执行相同的操作（也不确定正确的术语）：

将图像的不同部分“映射”为单独按钮的正确方法是什么？

Answer 1

那是CSS sprite。 Scott Hansleman blogged关于它。我个人在许多项目中一直使用Sprite and Image Optimization framework。

例如在Razor中，您只需使用以下帮助程序：

@Sprite.Image("~/App_Sprites/facebook.png")

将使用CSS背景定位技术从单个Sprite渲染正确的图像。

Answer 2

CSS背景是如何完成的。

http://www.noobcube.com/tutorials/html-css/css-background-image-sprites-a-beginners-guide-/