Eu tenho um SVG definido como uma imagem de fundo de um elemento. Na primeira vez em que o elemento é exibido, a animação é reproduzida corretamente.

Em exibições subsequentes (por exemplo, se uma duplicata do elemento for injetada por meio de JavaScript ou se a imagem de segundo plano for removida e adicionada novamente com CSS / JavaScript), a animação não será iniciada desde o início. Eu acho que isso se destina funcionalidade como a imagem não é considerada para ter sido recarregada pelo navegador - ele usa a versão na memória que já está animando.

Aqui está uma demonstração disso (não minha):http://www.luigifab.info/public/svg-smil/test.html

Existem alguns relatórios de bugs associados ao navegador paraRaposa de fogo ecromada, mas como acima eu acho que isso é destinado a funcionalidade.

Existe alguma maneira de obter minha animação SVG para redefinir / repetir sempre que a imagem é exibida?

Eu estou procurando idealmente uma solução usando apenas CSS e SVG - mais uma solução com JavaScript, se isso não for possível.