如何填充SVG圖像

我想用css填充svg圖像。如何填充SVG圖像

<object type="image/svg+xml" data="img/test.svg" style="fill: #FF0;">Your browser does not support SVG</object>

不知何故，它不起作用。有任何想法嗎？謝謝！

2014-02-20 turboLoop

使用'背景color'，而不是'fill'。（後者在HTML範圍內無效。） –

剛剛嘗試過。當使用背景色時，背景會變爲彩色，但圖像保持黑色。 – turboLoop

設置一個'背景顏色'你不需要使用填充.... –

CSS樣式不適用於文檔邊界。 SVG是一個獨立於HTML的文檔。

但是還有其他方法可以實現您想要的效果。例如，您可以使用jQuery在懸停事件上更改SVG。或者你可以在加載時按照這一招從埃裏克插入正確的CSS規則到SVG：

2014-02-21 00:02:28

問題解決了問題，從而更改了圖像的背景顏色......謝謝！ – turboLoop

回答