ウェブマークアップ、背景色をベースに設定

Question

なので、少し問題があります。前のコードのベースとしてRGB（151,151,151）の背景色を設定するには何らかの方法が必要です。私はそれを下にコピーします

body { 
    background-image: url(sd_back2.jpg); 
    background: -webkit-radial-gradient(circle closest-corner at 40% 70% , #ffffff 15%, rgba(151,151,151,0.5) 50%); 
    background: -webkit-radial-gradient (circle closest-corner at 80% 40% , #ffffff 15%, rgba(0,0,0,0) 30%); 
    background: -webkit-radial-gradient (closest-side at 10% 20% , #ffffff 20%, rgba(0,0,0,0) 45%); 
    background: -webkit-radial-gradient (farthest-side at 90% 10% , #ffffff 15%, rgba(0,0,0,0) 40%); 
    background-color 

あなたが他の問題を参照してください私に感謝を知らせてください。

Answer 1

あなたが一緒にグループに背景画像と放射状のグラデーションを必要とする効果を達成するために背景

にこれを試してみてください。

body { 
    background: url(sd_back2.jpg), 
     radial-gradient(circle closest-corner at 40% 70%, white 15%, rgba(151, 151, 151, 0.5) 50%), 
     radial-gradient(closest-corner at 80% 40%, white 15%, rgba(0, 0, 0, 0) 30%), 
     radial-gradient(closest-side at 10% 20%, white 20%, rgba(0, 0, 0, 0) 45%), 
     radial-gradient(5% 5% at 90% 10%, white 15%, rgba(0, 0, 0, 0) 40%); 
    background-color: rgb(151,151,151); 
} 

これはお互いを上書きする代わりに、それらのすべての効果を結合します。

Answer 2

「ベースに設定する」とはどういう意味ですか？あなたは勾配が動作しない場合は、あなたの色を表示したい場合は、あなたが行ったように、ちょうど...正確に行う

body { 
    background-image: url(sd_back2.jpg); 
    background: -webkit-radial-gradient(circle closest-corner at 40% 70% , #ffffff 15%, rgba(151,151,151,0.5) 50%); 
    background: -webkit-radial-gradient (circle closest-corner at 80% 40% , #ffffff 15%, rgba(0,0,0,0) 30%); 
    background: -webkit-radial-gradient (closest-side at 10% 20% , #ffffff 20%, rgba(0,0,0,0) 45%); 
    background: -webkit-radial-gradient (farthest-side at 90% 10% , #ffffff 15%, rgba(0,0,0,0) 40%); 
    background-color: rgb(151,151,151); 
}