HTML5 svg图片标签 - 不透明度

Question

我真诚地希望你能在这里帮助我。 我在自己的应用程序中使用了几个svg图像。稍后，我将添加一项功能，以减少所有svg元素的不透明度。虽然这在使用本机svg元素时是一项微不足道的任务，但它似乎不能在图像标记内工作。

以下是一个示例：http://jsbin.com/iGAnaVi/1/edit

正如您所看到的，当我将不透明度应用于组元素时，文本标记受到影响，但是，图像标记不是。 我知道.svg文件在查看时只是本机svg元素。但是，我仍然宁愿将不透明度降低到单个图像标签。这可能吗？

非常感谢你！

Answer 1

只需使用opacity而不是填充不透明度和/或笔触不透明度

Answer 2

我刚才注意到这很简单： 所以，没有风格和附加属性，只是不透明。