如何填充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

回答