MVC3访问用户界面图标

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>