изменение SVG цвета от CSS

Question

У меня есть этот CSS:

div { 
    display: block; 
    text-indent: -9999px; 
    width: 100px; 
    height: 100px; 
    background: url(http://s.cdpn.io/3/kiwi.svg) no-repeat center; 
    background-size: 82px 82px; 
    border:solid 5px black; 
    border-radius:200px; 
    padding:25px; 
} 

Можно ли изменить цвет от SVG CSS/JQuery?
Я не хочу делать это прямо из html
если нет. могу ли я сделать это в PNG?

http://jsfiddle.net/g8GPf/

Благодаря

Answer 1

Простой ответ: нет. Вы не можете использовать CSS для стиля SVG, встроенного таким образом.

Однако вы можете использовать трюк, связанный с Ravi, чтобы изменить ссылку SVG на встроенный SVG.

Другим альтернативным трюком будет изменение SVG, так что части, которые вы хотите показать как цвет, прозрачны в SVG. И сделайте «фон» SVG сплошным белым. Затем вы можете изменить background-color<div>, и он будет отображаться через прозрачные части SVG.