html - webkit 渐变和不透明度

Question

尝试制作跨浏览器的渐变:-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 透明度？我已经尝试/用谷歌搜索了一些技术，但到目前为止没有任何效果。

Answer 1

发现问题 - Safari 是唯一在尝试混合时考虑透明 RGBA 颜色的浏览器，这很容易通过使透明端的 RBGA 与不透明颜色相同的颜色来解决 - 即 - -webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(255,0,0,0))) 会起作用