MVC3 Access UI Иконки

Question

В ASP.NET MVC3 как получить доступ к значкам пользовательского интерфейса, которые включены в пакет по умолчанию. Они расположены в ~/Content/Themes/Base/Images, но на карте изображений. Ответ или ссылка будут работать, просто не зная, как я должен их интегрировать, и не смог найти ответ с помощью поиска в Google или 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>