2016-10-01 54 views
0

所以我有一個小問題。我需要一些方法來將我的背景色RGB(151,151,151)設置爲前面代碼的基礎。我會把它複製下面Web標記,背景顏色設置爲基準

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 

如果你看到任何其他問題,請讓我知道謝謝。

回答

0

爲了達到效果,你需要一羣背景圖像和徑向漸變在一起到背景

試試這個:

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

本文將結合互相覆蓋所有效果,而不是他們。

0

你是什麼意思「設爲基地」?如果你希望你的顏色來顯示,如果坡度不工作,只是做正是因爲你做了...

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); 
} 
+0

該指令說,將其設置爲一個基地這就是爲什麼我感到困惑 – ChunkierLizard