将不透明度30%设置为线性梯度

Question

我一直在尝试将30%的不透明度设置为linear-gradient。我用rgba颜色代码转换了我的十六进制颜色代码，然后设置30%，这样每个颜色代码都像我读的一样，但这不是我想要的。我希望整个渐变在我放置的图像上有30%的不透明度。现在，它只是我的图像上的一个坚实的梯度。救命！

.img-container::after {
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background: linear-gradient(to right, rgba(243,104,25) 30%, rgba(0,0,0) 30%);
}

Answer 1

您没有在rgba定义中指定任何alpha值。

这本质上是一种纯色：

rgba(243,104,25);

这是相同的颜色，但不透明度设置为30%：

rgba(243,104,25,0.3);