值错误：背景图像底部不是颜色值）

Question

可以有人帮我解决此问题吗，我正在将错误显示为：Value错误：background-image bottom不是颜色值）

.btn {
    padding:5px 10px; border-radius:5px; color:#FFF; text-shadow: 1px 1px #333;
    box-shadow: inset 0 1px 0 0 #94bee0; border: none;
    background-image: linear-gradient(bottom, rgb(42,112,166) 21%, rgb(66,136,190) 61%);
    background-image: -o-linear-gradient(bottom, rgb(42,112,166) 21%, rgb(66,136,190) 61%);
    background-image: -moz-linear-gradient(bottom, rgb(42,112,166) 21%, rgb(66,136,190) 61%);
    background-image: -webkit-linear-gradient(bottom, rgb(42,112,166) 21%, rgb(66,136,190) 61%);
    background-image: -ms-linear-gradient(bottom, rgb(42,112,166) 21%, rgb(66,136,190) 61%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.21, rgb(42,112,166)),
        color-stop(0.61, rgb(66,136,190))
    );
}

Answer 1

您需要更新无前缀的linear-gradient()语法以匹配最新的spec ，后者具有用于指定方向的不同语法：

background-image: linear-gradient(to top, rgb(42,112,166) 21%, rgb(66,136,190) 61%);

请注意，尽管方向相反，但to top实际上会取代bottom 。 请参阅此答案以获取解释。

至于带前缀的值，请不要担心它们：它们是非标准的，因此无法验证。