fullPage.js渐变背景

Question

我在我的自定义WordPress主题中使用了fullPage.js。我想将背景颜色更改为渐变，但我不知道如何禁用默认的背景颜色。

由于WordPress的原因，我使用循环来创建页面。

计数器从0开始，并根据使用的页面进行累加。每个页面都有一个名为section的id和计数过的数字。所以id="section0"

在我的样式表中，我添加了带有ID名称的渐变。

#section0{
    background: -webkit-gradient(linear, top left, bottom left, from(#4bbfc3), to(#7baabe));
    background: -webkit-linear-gradient(#4BBFC3, #7BAABE);
    background: linear-gradient(#4BBFC3,#7BAABE);
}

如果我加载页面，更改将不会生效，因为fullPage.js已经设置了背景。有一个函数可以将内联背景样式添加到部分中。

sectionsColor: ['#edf0da','#aa4465','#a89b8c','#f0dfad','#8f5c38'],

如果我删除这条线，整个背景是白色的，仍然不使用我的渐变。

谁能告诉我如何禁用fullPage.js中的默认颜色选项，以便我可以使用渐变？

Answer 1

修复了！

我在这一节中使用了内联背景图像。这否决了整个样式表。如果我删除内联背景图像，更改将生效.....

Answer 2

看一看gradientsBackgrounds.html example provided by fullpage.js。