尝试制作跨浏览器的渐变:
-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 透明度？我已经尝试/用谷歌搜索了一些技术，但到目前为止没有任何效果。
最佳答案
发现问题 - Safari 是唯一在尝试混合时考虑透明 RGBA 颜色的浏览器，这很容易通过使透明端的 RBGA 与不透明颜色相同的颜色来解决 - 即 - -webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(255,0,0,0))) 会起作用
关于html - webkit 渐变和不透明度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30679300/