這個漸變爲什麼不在Safari中工作？

Question

這適用於Firefox，但由於某些原因，漸變不適用於Safari。有任何想法嗎？

#footer .buttons .btn { 
    width: 110px; 
    height: 61px; 
    background: #BAE9FF; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    background: -moz-linear-gradient(top, #BAE9FF 0%, #2081D6 100%); 
    background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,#BAE9FF), colorstop(100%,#2081D6)); 
} 

Answer 1

簡單地改變colorstop到color-stop內-webkit-gradient。

你究竟如何設法刪除這些連字符？

Live Demo

---

我建議你使用這個網站來生成CSS3，這樣你就不會出錯：

http://css3generator.com/

Answer 2

colorstop應該是color-stop我想：

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BAE9FF), color-stop(100%,#2081D6));