Заменить префиксы на картики

[mms]

Возможно ли заменить префиксы на картинки?

 

[Skaiman]

можно попробовать тексту сделать прозрачный цвет, с помощью RGBA - color: rgba(0, 0, 0, 0); и картинку в background
Другой, используя своё имя CSS-класса:

color: rgba(0, 0, 0, 0);
background: url(img.png) no-repeat;

Я имел в виду, что при создании нового префикса указывать в Другой, используя своё имя CSS-класса:, а текст прозрачный, потому что без названия не создается. Пишешь произвольный заголовок и свое имя css.

 

[mms]

можно попробовать тексту сделать прозрачный цвет, с помощью RGBA - color: rgba(0, 0, 0, 0); и картинку в background
Другой, используя своё имя CSS-класса:

color: rgba(0, 0, 0, 0);
background: url(img.png) no-repeat;

Добавил вот такой префикс:

.prefix.prefixwow        { color: rgba(0, 0, 0, 0); background: url(img/1.png) no-repeat; }

Почти получилось:

Как его можно выравнять? не уменьшая саму картинку?

 

[Skaiman]

задай height-высоту и width-ширину

color: rgba(0, 0, 0, 0);
background: url(img.png) no-repeat;
height: 16px;
width: 16px;

можно еще добавить display: block

 

[mms]

Все бы хорошо, но картинка все равно не хочет отображаться полностью.

Можно конечно увеличить высоту самого блока:

.prefix
{
@property "titlePrefix";
background: transparent none;
padding: 0px 6px;
margin: -1px 0;
border: 1px solid transparent;
border-radius: 4px;
display: inline-block;
@property "/titlePrefix";
}

Но получается не красиво :( Слишком толстые линии.

 

[Skaiman]

а картинку обязательно большую делать? :)