Secondo questo answer "per motivi di sicurezza le immagini devono essere file indipendenti". Cioè, quando si include un file SVG utilizzando un tag img
, non può fare riferimento a fogli di stile esterni."Restrizioni di sicurezza" quando si collega a un foglio di stile esterno da SVG (quando incorporato come immagine)
Penso di aver avuto lo stesso problema quando cercavo di includere SVG come immagini di sfondo usando CSS. Gli SVG si collegano ad altri file SVG e visualizzano correttamente quando li si visualizza in Firefox direttamente, ma non riescono a mostrare il contenuto collegato quando è incluso come immagine di sfondo CSS.
Quali sono questi "motivi di sicurezza" e dove posso trovare ulteriori informazioni su di essi?
Grazie per il collegamento. Questo risponde alla mia domanda, anche se è un peccato che non possiamo avere un qualche tipo di politica della stessa origine per gli SVG. Ah, beh, credo che dovrò attenermi alla mia soluzione originale che prevedeva l'uso dell'iniezione lato server per aggirare il problema. – FixMaker