MVC3访问UI图标

Question

在ASP.NET MVC3中，如何访问默认包中包含的用户界面图标。它们位于~/Content/Themes/Base/Images，但是，它们位于图像映射中。一个答案或链接将起作用，只是不确定我应该如何整合它们，找不到搜索谷歌或SO的答案。

Answer 1

你会做这样的事情：

.ui-icon { 
    width: 16px; 
    height: 16px; 
    background-image: url(images/ui-icons_469bdd_256x240.png); 
}

这将是一个通用的图标CSS类，用于将其指示为图标并设置宽度和高度的继承属性，以及分组图像以映射图标。然后你会使用映射：

像这样引用每个

.ui-icon-someIcon { 
    background-position: -32px -16px; 
}

然后你可以将它应用于DOM元素：

<span class="ui-icon ui-icon-someIcon"></span>