CSS Gradient不会出现

Question

这是错的：我想在网络背景中添加渐变。

$（body）.css（{'background'：' - moz-linear-gradient（center bottom，rgb（255,255,255）0％，rgb（241,250,254）100％）'}）;

我正在使用这个库： ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

Answer 1

以下是一些提示：

• 您忘了用引号括起身体选择器：

  $('body')   
  

• 您使用'线性渐变'与 -moz - 供应商前缀 （Mozilla的）。供应商为实验或非标准CSS添加前缀 属性。使用渐变时，现代浏览器不需要这些前缀，您只应使用它们来支持某些旧版本。

• 第一个参数用于描述渐变 方向：它可以是一个角度，例如 45deg 或单词：'to left'， '向右'，'到顶部'，'到底部'或对角线渐变的组合，例如'到右下角'。默认值为“底部”。

看一下片段。

$('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%)