javascript D3.js中的透明颜色

编辑：我有一个用d3.js生成的SVG图。图形的填充区域由CSS规则着色。我希望这些区域是半透明的，这样您就可以看到被最前面的图形区域遮挡的数据

原件：

是否有任何方法可以使此图形的颜色透明<代码> 我希望能够看到绿色数据的背后

---

谢谢

将不透明度添加到绿色：

.line1 {
  fill: green;
  stroke: black;
  stroke-width: 1.5px;
  opacity:0.5;

}

---

编辑您的小提琴：

是。您可以使用

transparent

进行填充，如下所示：

.line1 {
  fill: transparent;
  ...
}

您也可以设置

.line1

元素的不透明度：

.line1 {
    fill: green;
    opacity: 0.5;
}

或者将填充设置为us

rgba

（带有alpha分量的RGB颜色）：

---

填充：rgba（0255,0,0.5）？在任何情况下，请将您的问题单独提出来，即包括相关代码以及您尝试或考虑过的解决问题的方法。我认为投票支持结束此问题的人完全无知，甚至没有点击问题中的链接。还有SVG属性

fill opacity

和

stroke opacity

.line1 {
    fill: rgba(0, 128, 0, 0.5);
}