2013-04-08 2 views
2

Так у меня есть следующие CSS продуцировать SVG логотип:Стиль base64 SVG из таблицы стилей

background: url("data:image/svg+xml;base64,xyz....."); 

Кто-нибудь знает, как я могу изменить цвет значка с CSS в моей таблице стилей, в отличие от встроенный в тег SVG.

Я стараюсь иметь один и тот же логотип на странице несколько раз, в разных цветах, поэтому не хочу иметь в моей таблице стилей несколько версий кода SVG.

Спасибо!

+0

Вы не можете. Если вы используете SVG в качестве изображения, он не модифицируется извне. –

+0

Вот что я подумал. Может ли кто-нибудь предложить альтернативные решения? – DanV

+1

Это действительно зависит от логотипа и того, как вы хотите его отображать, но одним из вариантов было бы создать изображение, в котором область, которую вы хотите изменить, прозрачна, затем поместите ее поверх цветного элемента фона, используя абсолютное позиционирование. – supermasher

ответ

0

Если вы собираетесь использовать его в разных размерах, возможно, стоит создать собственный значок значка.

Тогда вы можете стилизовать с помощью CSS и использовать EM, чтобы держать его размер относительно т.д.

http://www.font2web.com/ и т.д. будут принимать SVG.