Почему не работает hover на SVG при указании как ссылка?

Question

[Макс Darkleviathan]

Пытаюсь добавить картинку в формате :

<div>
<img src="img/test.svg">
</div>

Стили внутри svg

<defs>
  <style type="text/css">
   <![CDATA[
    .fil1 {fill:black}
    .fil0 {fill:#FDEFE1}
	.fil0:hover {fill:#ff766d}
   ]]>
  </style>
 </defs>

При таком варианте hover при наведении на path не срабатывает.
Какие варианты заставить работать?
Записать весь код SVG в html файл не очень хочу. Много кода выходит.

Comments

[YavaDev]

Знаю два варианта:
1 - Вставить svg код в html
2 - Сделать svg спрайт

[Макс Darkleviathan]

YavaDev, Первый вариант точно не очень. Второй вариант почти то же , но чуть лучше. Спасибо за наводку, буду думать.

Answer 1

[Ankhena]

Вставляйте через object, тогда стили сработают.

Comments

[Макс Darkleviathan]

типа такого?

<object type="image/svg" data=”your.svg" id=’object’ class=’icon’></object>

[Ankhena]

Макс Darkleviathan, ну кроме странного вида кавычек

[Макс Darkleviathan]

Ankhena, Просто дернул с гугла))))

[wisgest]

type="image/svg+xml"

[Ankhena]

Макс Darkleviathan, не помогло?