c# - 如何将图标集上的区域映射到按钮?

标签 c# asp.net-mvc-3 button icons css-sprites

我想为我的 ASP.NET MVC3 网站使用登录按钮集 ( courtesy of Komodo Media ) 并将图标分配给相应的按钮,但按钮集是单个图像:
enter image description here 除了使用图像编辑器并将图标拆分为单独的图像文件之外,还有其他方法可以使用代码来完成此操作吗?我知道使用 stackoverflow 标记按钮可以完成类似的操作,但我不知道如何以编程方式执行相同的操作(也不确定正确的术语):
enter image description here

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

最佳答案

这是一个 CSS sprite 。斯科特·汉斯勒曼 blogged关于它。我个人一直在使用 Sprite and Image Optimization framework在许多项目中。

例如,在 Razor 中,您可以简单地使用以下帮助器:

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

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

关于c# - 如何将图标集上的区域映射到按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8948955/

相关文章:

sql - 使用 linq mvc 的 CTE 递归查询

jquery - 使用jquery获取标签文本

c# - .net Core 6 WebApi 对象中的调解器处置异常

.net - 我如何读取文件? (获取服务器在上下文中不存在错误)

c# - ASP.Net MVC HttpRequestValidationException-捕获错误并捕获输入?

javascript - 检查按钮 "hasn' t"是否在一定时间内被点击 (jQuery)

c# - 按钮.PerformClick();不在表单加载中工作

c# - .net Recaptcha 始终返回有效

C#:实现IDisposable接口(interface)时Dispose方法的内容应该是什么

c# - 列表中的 OutOfMemoryException