css - 如何避免Safari中线性渐变变暗的影响？

This question already has an answer here:

CSS linear gradient transparency misbehaving only in Safari

                                    （1个答案）


                                2年前关闭。

div {
   width: 100px;
   height: 100px;
   background: linear-gradient(top, blue, transparent);
}

<div></div>

Chrome 62呈现：

Safari 11呈现：

您如何避免在Safari中出现这种变暗效果？

最佳答案

尝试将透明设置为rgba颜色值。例如：

background: linear-gradient(top, blue, rgba(0,0,255,0));

两者的RGB值必须匹配。

关于css - 如何避免Safari中线性渐变变暗的影响？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47449215/

相关文章：

javascript - 复杂的填充 SVG 动画