为什么这个渐变在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));