小编Mil*_*lab的帖子

是否可以使用CSS3渐变来设置填充属性？

我知道SVG提供了自己的渐变.但对我来说理想的解决方案是:

.button{
    fill:#960000;
    fill: -webkit-gradient,linear,left bottom,left top,
          color-stop(0.45, #37304C),color-stop(0.73, #534D6B));
    fill: -moz-linear-gradient(center bottom,#37304C 45%,#534D6B 73%);
    ...
}

当我尝试使用SVG渐变时,当我尝试将样式属性提取到外部样式表时,我被卡住了.似乎fill:url(#linearGradientXYZ)不起作用,因为渐变是在.svg文件中定义的.