webkit 渐变和不透明度
webkit gradients and opacity
正在尝试制作跨浏览器的渐变：
-webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 100%)
在 chrome 中效果很好 - 右上角是红色并且顶部不透明度逐渐消失，并且第一个 rgba 中的任何颜色都不会影响渐变（因为它不应该）。
如果我尝试通过以下方式在 safari 中模仿它：
-webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(0,0,0,0))) 它并不相同，因为 to(rgba(0,0,0,0)) 会影响渐变（改变它的颜色会影响渐变）。
有谁知道如何在 Safari 中模仿 chrome 的透明度？我已经 tried/googled 一些技巧，但到目前为止没有任何效果。
发现问题 - Safari 是唯一在尝试混合时考虑透明 RGBA 颜色的浏览器，这很容易通过使透明端的 RBGA 与不透明颜色相同的颜色来解决 - 即 - -webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(255,0,0,0))) 会起作用
正在尝试制作跨浏览器的渐变：
-webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 100%)
在 chrome 中效果很好 - 右上角是红色并且顶部不透明度逐渐消失，并且第一个 rgba 中的任何颜色都不会影响渐变（因为它不应该）。
如果我尝试通过以下方式在 safari 中模仿它：
-webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(0,0,0,0))) 它并不相同，因为 to(rgba(0,0,0,0)) 会影响渐变（改变它的颜色会影响渐变）。
有谁知道如何在 Safari 中模仿 chrome 的透明度？我已经 tried/googled 一些技巧，但到目前为止没有任何效果。
发现问题 - Safari 是唯一在尝试混合时考虑透明 RGBA 颜色的浏览器，这很容易通过使透明端的 RBGA 与不透明颜色相同的颜色来解决 - 即 - -webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(255,0,0,0))) 会起作用