【css】iOSでマーカーの半分が黒くなった時の対処法

compass sassを使ってマーカーを指定した際、上半分が黒くなってしまった。linear-gradientでtransparetを指定しているのになぜ黒くなるのか。コンパイルした際にtransparentがrgba(0,0,0,1)になっていることに気づいた。色々調べるとsassのバージョンが古いとか出てきたが今使っているのは、最新版だ。さらに調べると下記の方法で対処することができたのでメモしておく

background: linear-gradient(rgba(255, 255, 255, 0) 20%, yellow 80%);

これでコンパイルしても上半分が黒くならない。