我想在不透明度的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%);