SVG игнорирует hover, как его заставить работать?

Question

[softshape]

Имеем SVG с изменением цвета при hover -

.str0:hover { stroke:red; fill: blue }

Если этот SVG вставить на страницу, то все работает. Однако если он используется как картинка img - <img src="img/class-offline.svg"> - то hover не срабатывает. Любая попытка изменить CSS этой картинки javaScript'ом тоже проваливается.

Что делать?

Answer 1

[Anna_BS]

Svg в img не будет реагировать на ховер т.к. вставляется обычной картинкой. Для взаимодействия нужно вставлять сам svg.