通过CSS“填充”重新着色SVG图像不起作用

Question

我正在尝试用CSS重新着色一个简单的SVG图像（正如我在这里看到的http://codepen.io/chriscoyier/pen/evcBu）：

我的HTML： <img src="http://dl.dropbox.com/u/12091580/rwdicon/icon-menu.svg" class="myMenu" alt="menu">

我的CSS： .myMenu { fill: red; }

它不起作用（见http://jsfiddle.net/sexyzane/1hojaccb/）！

我做错了什么？

Answer 1

fill用于svg element标记，您有一个带有img来源的svg元素，因此您无法使用{ {1}}更改图像颜色。

相反，如果您想要对图像进行着色，您可能需要考虑将CSS filter效果应用于fill标记，尽管这可能无法达到您的确切结果后。

Demo Fiddle