Здравствуйте, BlaineMono, Вы писали:
SO>>Стили вполне подходят для решения вопроса
SO>>См. background-image + foreground-image
SO>>SO>>#my-element1
SO>>{ foreground-image: url(me1.png) }
SO>>#my-element1:hover
SO>>{ foreground-image: url(me1-hover.png) }
SO>>#my-element1:active
SO>>{ foreground-image: url(me1-active.png) }
SO>>
BM>Это подходит если картинки на всех изображениях одинаковые. А я хочу сделать красивые кнопатьки, на каждой картинка с уникальным умным словом.
Да, я понял, такой вариант и предложил

Каждой кнопке присваиваешь свой id (не класс!) и определяешь картинку в css.
css
#first { foreground-image: url(first.png) }
#second { foreground-image: url(second.png) }
...
html
<button #first /> <button #second />