Web 标记，背景颜色设置为基础

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

"set as a base"是什么意思？如果你想让你的颜色在渐变不起作用的情况下显示，就按照你做的那样做...

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

Answer 2

为了实现效果，您需要将背景图像和径向渐变组合到一个背景中

试试这个：

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

这将组合所有效果，而不是它们相互覆盖。

Web 标记，背景颜色设置为基础

Web Markup, background color set as base

css

colors

background

base