css不改变svg fill-opacity

时间:2016-12-13 01:24:09

标签: css svg

我在svg徽标中有一个箭头,我试图使半透明_不幸的是,我在Adobe Illustrator中创建的透明度没有结转_ 有关svg fill-opacity的几个问题和答案在StackOverflow&我试过的一些解决方案,但到目前为止没有成功_ 我认为我正确识别箭头元素,但不确定它似乎有两个ID 完整的代码可以在codepen.io上查看>>> http://codepen.io/maikf/pen/NbLJPJ

我的代码如下

html
<g id="arrow_xA0_Image_1_">
<image overflow="visible" width="491" height="144" id="arrow_xA0_Image" xlink:href="data:image/png;base64, (code sequence)

css
#arrow_xA0_Image {
  fill-opacity: 0.7;
}

提前感谢您的任何帮助

1 个答案:

答案 0 :(得分:1)

我的错误是使用&#39;填充不透明度&#39;而不是'不透明&#39; 应该阅读正确的代码

#arrow_xA0_Image {
  opacity: 0.7;
}