CSS梯度没有出现

Question

这是怎么回事：我想将梯度放在网络的背景中。

$（body）.css（{{'background'：' - moz-linear-Gradient（中心底部，RGB（255,255,255）0％，RGB（241,250,254）100％）'}）;

>

im使用此库：ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

Answer 1

这有一些提示：

• 您忘了用引号包围身体选择器：

  $('body')   
  

• 您正在使用'线性级别'与 -moz- 供应商前缀（Mozilla）。供应商在实验或非标准CSS中添加前缀特性。现代浏览器在使用梯度时不需要这些前缀，您应该仅使用它们来支持一些较旧版本。

• 第一个参数用于描述梯度方向：它可以是一个角度，例如 45deg 或单词：'to左'，'to right'，'to top'，'to bottom'或对角梯度的组合，例如'至右下角'。默认值为"底部"。

看摘要。

$('body').css({
  'background': 'linear-gradient(to right, rgb(255,255,255) 0%,rgb(241,250,254) 100%)'
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>From white to very light blue.</p>

Answer 2

，事实证明它变得容易得多

background: linear-gradient(to bottom, skyblue  0%, blue 100%)