透明渐变在 Safari 中不起作用
Transparent gradient not working in Safari
Chrome/Firefox(最新版本):
Safari(最新版本):
代码:
background: linear-gradient(180deg, rgba(255,128,0,1) 0%, rgba(255,128,0,.6) 50%, rgba(255,255,255,0) 100%);
尝试过:
rgba(255,255,255,0.001)
transparent
-webkit-linear-gradient
这个问题是已知的,并且在下面的 link 中得到了最好的解释:
https://css-tricks.com/thing-know-gradients-transparent-black/
以下是 github 上针对同一问题的几个相关 link:
https://github.com/jakubpawlowicz/clean-css/issues/315
https://github.com/Compass/compass/issues/2010
最终我认为您需要解决此问题,直到他们在未来的版本中提出修复。
祝福
Chrome/Firefox(最新版本):
Safari(最新版本):
代码:
background: linear-gradient(180deg, rgba(255,128,0,1) 0%, rgba(255,128,0,.6) 50%, rgba(255,255,255,0) 100%);
尝试过:
rgba(255,255,255,0.001)
transparent
-webkit-linear-gradient
这个问题是已知的,并且在下面的 link 中得到了最好的解释:
https://css-tricks.com/thing-know-gradients-transparent-black/
以下是 github 上针对同一问题的几个相关 link:
https://github.com/jakubpawlowicz/clean-css/issues/315
https://github.com/Compass/compass/issues/2010
最终我认为您需要解决此问题,直到他们在未来的版本中提出修复。
祝福