线性渐变背景图像的不透明度

Question

如何在线性渐变背景图像上设置不透明度值，例如opacity: 0.6？

background-image: linear-gradient(to left, #00497a -26.48%,#003366 73.52%);

谢谢！

Answer 1

将hexidecimal color-codes替换为rgba color-codes：

＆＃13;

＆＃13;

div {
width: 150px;
height: 150px;
background-image: linear-gradient(to left, rgba(0,67,116,0.6) -26.48%, rgba(0,51,102,0.6) 73.52%);
}

＆＃13;

<div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用RGBa值：

linear-gradient(to left, rgba(0,73,122,0.6) 26.48%, rgba(0,51,102,0.6) 73.52%);

我使用this tool将HEX颜色转换为RGBa并添加不透明度。免责声明：我创建了这个工具。

Answer 3

试试这个：

background-image:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)), url('/image/r.jpg');