webkit渐变和不透明度

时间:2015-06-06 05:33:43

标签: html css css3 linear-gradients

尝试制作跨浏览器的渐变: -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))会影响渐变(更改它的颜色会影响渐变)。 有谁知道如何在野生动物园中模仿铬的透明度?我已经尝试/搜索了一些技术,到目前为止没有任何工作。

1 个答案:

答案 0 :(得分:0)

发现问题 - 在尝试混合中途时,safari是唯一考虑透明RGBA颜色的浏览器,这可以通过使透明端的RBGA与不透明颜色相同来轻松解决 - 即 - {{ 1}}将起作用