WebKit的梯度和透明度

企圖讓那些跨瀏覽器的漸變： -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 100%) 鉻的偉大工程 - 右上爲紅色，頂部淡出不透明度和任何顏色是第一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中模仿chromes透明度？我試過/搜索了一些技巧，到目前爲止沒有任何工作。WebKit的梯度和透明度

來源

2015-06-06 javatripping

使用http://www.colorzilla.com/gradient-editor/ – Dmitriy

當我使用它在safari中產生的東西時，漸變是不同的 – javatripping

http://www.colorzilla.com/gradient-editor/# 000000 + 0，ff0004 + 100＆1 + 0,0 + 100;自定義 - 在Chrome中打開它，然後Safari瀏覽器，它們是不同的 – javatripping

發現問題 - safari是唯一一個在嘗試混合中途考慮透明RGBA顏色的瀏覽器，這很容易通過使透明結束的RBGA與不透明顏色相同的顏色來解決 - 即 - -webkit-gradient(linear, top right, left bottom, from (rgba(255,0,0,1)), to(rgba(255,0,0,0)))將工作

來源

2015-06-06 14:03:18 javatripping

WebKit的梯度和透明度

回答

相關問題