为什么document.body.style.backgroundColor在-webkit-linear-gradient中不起作用？

Question

我有一个更改页面背景颜色的javascript函数。当页面改变颜色时，另一个函数采用 document.body.style.backgroundColor 属性并将其应用于 -webkit-linear-gradient ，如下所示：< / p>

function setGradientColor() {
            document.getElementById("gradient").style.background=
            "-webkit-linear-gradient(right," + document.body.style.backgroundColor + ", transparent)";
    }

我的问题是：如果我设置一个像“＃fc4”而不是document.body.style.backgroundColor的颜色字符串，为什么我会看到渐变中的颜色，但是当我设置document.body.style.backgroundColor时我不知道看什么了吗？

我的backgroundColor也在我的CSS代码中设置......