添加svg到網頁？

Question

如何添加一個svg到我的網頁並通過css改變它的顏色？

我已經試過：

<img src="my.svg" class="svg"/> 

.svg{ 
    fill: white; 
} 

，但沒有運氣。

只有CSS解決方案，我不需要任何回退，只支持新的瀏覽器。

Answer 1

它不會這樣工作。您可以更改填充顏色，如果你直接包括SVG，即：

HTML：

<p>Some other webpage content</p> 
<svg class="my-svg"> 
    <g> 
     <path fill="..."></path> 
     <path fill="..."></path> 
    </g> 
</svg> 
<p>Some other webpage content</p> 

CSS：

.my-svg *{ 
    fill:white; 
} 

所以，你網絡檢查my.svg，並禁止複製將其內容粘貼到目標頁面。然後你可以設計它。