grunt-postcss autoprefixer不为背景添加-webkit-linear-gradient

时间:2015-10-08 18:34:19

标签: css safari autoprefixer

我刚开始使用grunt-postcss autoprefixer来帮助我解决浏览器兼容性问题,但我注意到它并不总是有效。

具体来说,我页面的一些元素使用:

background: linear-gradient(red, blue);

为简单起见改变了颜色。这适用于Chrome,但不适用于Safari。 Safari需要:

background: -webkit-linear-gradient(red, blue);

您可以使用chrome然后使用safari访问我的小提琴(https://jsfiddle.net/vz6gjety/1/)来检查这一点。

但是,grunt-postcss autoprefixer不会捕获此信息并且不会添加前缀。这是我可以使用数据库的限制吗?我会发布我能找到的内容,但我还没有足够的声誉。

1 个答案:

答案 0 :(得分:0)

Alexander O'Mara非常友好地指出,当我在Windows上时,我正在使用一个非常过时的Safari版本:

  

According to MDN,Safari自5.1起就没有要求它。仅限   基于Windows的Web开发人员实际上使用的是Safari 5.1(最新版本)   苹果在放弃它之前发布了Windows,你可能会   必须调整自动前缀设置以包含此过时   浏览器,如果你仍然想要它前缀。