Safari 5.0.2中的渐变不起作用
提问于 2014-04-21 08:33:09
我在safari 5.0.2的css渐变中遇到了问题。css代码可以在safari 5.1上运行，但在5.0中不能运行。为什么会发生这种情况？有什么想法吗？
下面是我的代码：
background: -webkit-linear-gradient(top, #D82102, #B90602);
background: -moz-linear-gradient(top, #D82102, #B90602);
background: -ms-linear-gradient(top, #D82102, #B90602);
background: -o-linear-gradient(top, #D82102, #B90602);
background: linear-gradient(to bottom, #D82102, #B90602);我是不是忘了什么？请帮帮我。它把我卡住了。
回答 4
Stack Overflow用户
发布于 2014-04-21 08:38:55
尝试添加：
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));Stack Overflow用户
发布于 2014-04-21 08:39:23
原因是您没有包含所有特定于供应商的渐变属性。
缺少供应商前缀的3.6+、旧Webkit (Safari 4+、Chrome)、Opera 11.1+的CSS渐变
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));您只能使用webkit-linear-gradient和linear-gradinet.
Stack Overflow用户
发布于 2014-04-21 08:41:01
Safari 5.0不支持CSS渐变。只有5.1和更高版本支持它。你可以在这里查看w3学校- https://www.w3schools.com/css/css3_gradients.asp
另一方面，apple-safari网站的页面上说，4.0及以上版本支持渐变。它还提到了如何使用它们- https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/Functions.html#//apple_ref/doc/uid/TP40007955-SW25
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23193772
复制
腾讯云开发者
