Как изменить цвет заливки изображения SVG, когда оно используется в качестве фонового изображения? ⇐ CSS
-
Anonymous
Как изменить цвет заливки изображения SVG, когда оно используется в качестве фонового изображения?
Поместив вывод SVG непосредственно в код страницы, я могу просто изменить цвета заливки с помощью CSS следующим образом:
polygon.mystar { заливка: синяя; } круг.mycircle { заливка: зеленая; } Это отлично работает, однако я ищу способ изменить атрибут «fill» SVG, когда он используется в качестве BACKGROUND-IMAGE.
html { фоновое изображение: URL(../img/bg.svg); } Как мне теперь изменить цвета? Возможно ли это вообще?
Для справки, вот содержимое моего внешнего SVG-файла:
Поместив вывод SVG непосредственно в код страницы, я могу просто изменить цвета заливки с помощью CSS следующим образом:
polygon.mystar { заливка: синяя; } круг.mycircle { заливка: зеленая; } Это отлично работает, однако я ищу способ изменить атрибут «fill» SVG, когда он используется в качестве BACKGROUND-IMAGE.
html { фоновое изображение: URL(../img/bg.svg); } Как мне теперь изменить цвета? Возможно ли это вообще?
Для справки, вот содержимое моего внешнего SVG-файла:
