文章の一部を強調表示をするために、Webllica では蛍光ペン風マーカーの CSS を設定しています。実際にそのスタイルを反映させると次のような表示になります。 蛍光ペン風マーカーの黄色を指定した場合。 蛍光ペン風マーカーのピンクを指定した場合。 しかしブラウザによって解釈が違うようで、iPhone で見てみると transparent で設定して透明になるはずだった部分が黒くなってしまいます。 この時指定していた CSS は次の通り。上が黄色で下がピンクです。 strong { background: linear-gradient(transparent 30%, #FEFE98 90%); } strong.pink{ background: linear-gradient(transparent 30%, #FFCCFF 90%); }さて、この黒くなる原因はどこにあるのか。 結
![CSS で蛍光ペン風マーカーを指定したら iPhone 上で transparent の部分が黒くなってしまった話](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a6f0718adc0b5def051499b89e70933345de78a/height=288;version=1;width=512/https%3A%2F%2Fwebllica.com%2Fwp-content%2Fuploads%2Fcss-linear-gradient-not-use-transparent00.png)