html - 线性渐变在 Safari 中不起作用

Question

我的网站快完成了，但现在我正在检查浏览器的兼容性，发现 Safari 有一些问题。我解决了其中一些，但这不能。

我正在使用这段代码为我的文本区域添加背景

background-image: 
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#126d82 .1em, transparent .1em);
background-image: -webkit-linear-gradient(90deg, transparent 79px, #126d82 79px, #126d82 81px, transparent 81px),
-webkit-linear-gradient(#126d82 .1em, transparent .1em);
background-size: 100% 2em;
background-position: 30px 31px;

这在除 Safari 之外的所有浏览器中都按我预期的方式工作。我尝试了一些 -webkit-linear-gradient 但没有帮助。

我该怎么做才能使这项工作成功？

谢谢。

这是我网站的链接，因此您可以看到差异 http://motiongiraffx.com/

Answer 1

Safari 5.1.7 已经很旧了。 (当前版本是 8.0.7。)我不确定 Safari 版本如何与 WebKit 版本同步，但最初的 Safari 支持使用了不同的 linear-gradient 语法:

-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)

MDN有更多信息。