如何解决chrome 和 safari 中的不同渐变颜色
我正在尝试渲染渐变,它的颜色在 safari 和 chrome 上是不同的。怎么做到一模一样? (左 - chrome,右 - safari)。
https://codepen.io/max-frai/pen/XWMEQZJ
<div id="test"></div>
#test {
width: 400px;
height: 300px;
background: -webkit-linear-gradient(top,rgba(102,182,252,0) 0%,rgba(63,82,111,1) 100%);
background: linear-gradient(to bottom,1) 100%);
}
解决方法
您可以找到有关 here 正在发生的事情的很好的解释。基本上,这已经在工作草案中多年了,Safari 是唯一没有修复它的主要参与者。查看当前状态 here:
Safari 和旧版 Firefox 中的部分支持是指不支持 使用预乘颜色会导致意外行为 按照规范的建议使用透明关键字。
我想如果你不顾一切,你可以自己计算梯度并设置很多停止点。否则就等苹果修复吧。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。