MVC3訪問用戶界面圖標

在ASP.NET MVC3中，如何訪問包含在默認包中的用戶界面圖標。他們位於~/Content/Themes/Base/Images，但是，他們在圖像地圖。一個答案或鏈接將工作，只是不確定我應該如何整合他們，並找不到一個搜索谷歌或SO的答案。MVC3訪問用戶界面圖標

2012-02-28 Travis J

你會做這樣的事情：

.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>

2012-02-28 01:02:57

我有一些麻煩搞清楚了這一點，非常感謝！ – 2012-02-28 01:31:24

@TravisJ樂於幫助！ – 2012-02-28 02:17:22

所有的座標都在jquery.ui.theme.css中定義。它位於圖像的父文件夾中。 – ZippyV 2012-02-28 11:08:29

回答