渐变渐变？

好的，我不知道这是否可能，只是我的代码有问题...渐变渐变？

所以，我尝试在梯度内制作线性渐变？

background: -webkit-linear-gradient(top, #9DB2F0 0%, #9DB2F0 40%, -webkit-linear-gradient(left, red 0%, yellow 100%) 40%)

如果可能的话，请告诉我，如果我做错了什么，或浏览器是可能的。

2012-06-19 Mobilpadde

@Josh不喜欢我的“Thank you：D”？ – Mobilpadde

不要个人承担。 [阅读]（http://meta.stackexchange.com/a/128552/157574） – Sparky

@ Sparky672啊，谢谢 – Mobilpadde

梯度image values，不color values。由于CSS3中的渐变仅使用颜色中止，因此不能像这样嵌套它们。

你会想要找到一个渐变或图像编辑器，可以帮助你可视化最终渐变看起来像什么（因为我不知道你想要它看起来像什么），并可能会产生相应的单线性渐变为你。

从我看到的，虽然，它看起来像一个多方向的梯度。在这种情况下，您要么使用layered backgrounds（每层只有一个渐变），要么使用实际图像。

2012-06-19 17:43:28 BoltClock

http://www.colorzilla.com/gradient-editor/ <<我认识的最好的一个 –

@真相：是的，那是我正在寻找的那个，但忘记了这个链接。谢谢！ – BoltClock

使用'background-image'而不是'background'应用渐变时，这种区别更加清晰。 –

只是增加@BoltClock回答一些技巧，你可以玩：

层次的背景，因为他在他的回答说。它完成了多个背景“图像”（渐变）。每个人都可以通过以下方式进行控制：
```
background-position: left center, right top; 
background-repeat: repeat, no-repeat; 
```
如果你有2个图像/渐变你想要的风格。
渐变添加到:before和:after pseudos。你可以在你想要的位置放大和放置这些伪码（你必须：绝对定位，z-index将它们在主背景和实际内容之间分层）。例如，请参阅我的以前的答案和小提琴：Showing two different gradients as a background using CSS?

似乎你不能通过content: url() url()添加渐变，只有图像（任何有效的url（）值）。而且，通过content添加的内容不能作为真实背景（重复，位置）进行控制，因此即使它工作，它也不是最通用的方法。

2012-06-19 18:14:56 FelipeAls

回答