尝试制作跨浏览器的渐变:
-webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 100%)
在chrome中效果很好 - 右上角是红色并淡化顶部不透明度,第一个rgba
中的任何颜色都不会影响渐变(因为它不应该)。
如果我试图通过以下方式模仿野生动物园:
-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))
会影响渐变(更改它的颜色会影响渐变)。
有谁知道如何在野生动物园中模仿铬的透明度?我已经尝试/搜索了一些技术,到目前为止没有任何工作。
答案 0 :(得分:0)
发现问题 - 在尝试混合中途时,safari是唯一考虑透明RGBA颜色的浏览器,这可以通过使透明端的RBGA与不透明颜色相同来轻松解决 - 即 - {{ 1}}将起作用