css - 我正在尝试在不透明度的 css3 中创建摩擦渐变

Question

我想用css3创建一个不透明度的渐变，这样放在div中的子元素就不会继承不透明度，背景可以是渐变。这是我尝试使用的代码，但它根本不起作用。它只是显示为白色。

background-image: -webkit-linear-gradient(left , rgb(189,206,226,0.6) 0%, rgb(191,217,242,0.6) 32%, rgb(14,94,95,0.6) 65%);

Answer 1

要设置颜色的不透明度，您必须使用 rgba 而不是 rgb。

background-image: -webkit-linear-gradient(left , rgba(189,206,226,0.6) 0%, rgba(191,217,242,0.6) 32%, rgba(14,94,95,0.6) 65%);