【发布时间】：2013-03-06 19:44:05
【问题描述】：
如何使用 Compass 编写多个背景渐变？文档仅显示一次编写单个渐变的示例，除了两年前安静的谷歌小组讨论外，我无法通过谷歌搜索找到任何关于它的内容！一定有办法做到这一点，因为我认为分层渐变是很常见的做法！
【问题讨论】：
标签： css sass compass-sass
【发布时间】：2013-03-06 19:44:05
【问题描述】：
你应该这样写：
div{
@include background( linear-gradient(top left, #333, rgba(1,1,1, .3)),
radial-gradient(#c00, #fff 100px));
}
来源：http://compass-style.org/reference/compass/css3/images/
（丑陋但有效）示例：http://codepen.io/nobitagit/pen/cFjkv
【讨论】：
-
当我使用 FireFox 时，这似乎对我不起作用。 Safari 都不错，Chrome 不错。 IE
-
很奇怪，因为我看到它在 FF 上工作，现在重新测试它看起来不错。 IE9 及更低版本不支持渐变，因此如果您需要支持这些版本的 IE，则应考虑添加备用。请参阅：caniuse.com/#search=gradients 以获取支持表。