Html 不同颜色线性渐变的位置

使用

background:linear gradient（到底部，#fff，#ff0，#f00，#000）

均匀设置其背景

我可以给这些颜色一个位置值吗？就像我使用css3可以实现的那样

---

您可以使用

%

或

px

等单位来分隔它们

（没有那么锋利，但你可以根据自己的要求来摆弄它）

下面是一个可以轻松创建复杂渐变的方法

background: #fffea1;
background: -moz-linear-gradient(top,  #fffea1 1%, #fb8000 45%, #df0000 59%, #3f0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fffea1), color-stop(45%,#fb8000), color-stop(59%,#df0000), color-stop(100%,#3f0000));
background: -webkit-linear-gradient(top,  #fffea1 1%,#fb8000 45%,#df0000 59%,#3f0000 100%);
background: -o-linear-gradient(top,  #fffea1 1%,#fb8000 45%,#df0000 59%,#3f0000 100%);
background: -ms-linear-gradient(top,  #fffea1 1%,#fb8000 45%,#df0000 59%,#3f0000 100%);
background: linear-gradient(to bottom,  #fffea1 1%,#fb8000 45%,#df0000 59%,#3f0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffea1', endColorstr='#3f0000',GradientType=0 );