我试图在css3中创建一个具有不透明度的摩擦梯度_Css_Gradient_Opacity

我试图在css3中创建一个具有不透明度的摩擦梯度

css

我试图在css3中创建一个具有不透明度的摩擦梯度,css,gradient,opacity,Css,Gradient,Opacity,我想用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%); 要设置颜色的不透明度，必须使用rgba而不是rgb background-imag

我想用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%);

要设置颜色的不透明度，必须使用

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%);