值錯誤：背景圖像底部不是顏色值）

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 。 請參閱此答案以獲取解釋。

至於帶前綴的值，請不要擔心它們：它們是非標准的，因此無法驗證。