如何設置SVG的背景顏色<image>元素

我有一個透明背景的SVG圖像。我想爲它設置一個背景顏色。我想：如何設置SVG的背景顏色<image>元素

style="background-color: blue"

和

fill="blue"

，沒有他們的工作。

有什麼辦法可以爲這樣的元素設置背景色嗎？

這裏是在的jsfiddle一個例子： https://jsfiddle.net/672ec2n1/15

更新：

我發現一種解決方法溶液通過添加具有相同的大小和位置作爲圖像的矩形和填充屬性設置爲它。

2017-08-31 YHTsai

在我嘗試過的所有瀏覽器（Chrome，Firefox和IE11）中，'background-color'適用於我。你使用的是什麼瀏覽器？ https://jsfiddle.net/672ec2n1/12/ –

我使用鉻，紅色的背景顏色是從設置爲身體的css，而不是圖像 – YHTsai

我添加了一個更新的小提琴到我最後的評論。 –

你試過嗎？

svg {background-color: blue;}

2017-08-31 16:00:56 Znaneswar

在我的情況下，我會有其他一些元素下的svg標籤，所以我想只應用背景顏色的圖像。 – YHTsai

在這種情況下，添加一個類到svg標籤並添加顏色到它檢查這個小提琴https://jsfiddle.net/Lpa6vp51/ – Znaneswar

回答