SVG <use>, bir CSS arka plan görüntüsünde kullanılabilir mi?

Question

Burada SVG'lerin CSS arka plan görüntülerinde kullanılabileceğini görüyoruz.

.icon { 
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="16" viewBox="0 0 64 16"> <circle fill="blue" cx="8" cy="8" r="8"/> <circle fill="red" cx="24" cy="8" r="8"/> <circle fill="yellow" cx="40" cy="8" r="8"/> <circle fill="green" cx="56" cy="8" r="8"/> </svg>'); 
background-repeat: no-repeat; 
background-size: auto 100%; 
display: inline-block; 
} 

Ancak <svg><use xlink:href="svg.svg#mySVG"></use></svg> uygulanabilir mi? Benim için geçersiz CSS, ancak yanlış bir şeyler yapıyorum.

Answer 1

Bu, W3C doğrulayıcı ve A denetleyicisinde hata olmadan iletilecektir. Ayrıca, CSS sınıfının URL'si, CSS'ye bir yol belirlediğimizden ve geçerli veya doğru olana kadar tarayıcı sorun çıkarmayacaktır.