CSS で蛍光ペン風マーカーを指定したら iPhone 上で transparent の部分が黒くなってしまった話文章の一部を強調表示をするために、Webllica では蛍光ペン風マーカーの CSS を設定しています。実際にそのスタイルを反映させると次のような表示になります。 蛍光ペン風マーカーの黄色を指定した場合。 蛍光ペン風マーカーのピンクを指定した場合。 しかしブラウザによって解釈が違うようで、iPhone で見てみると transparent で設定して透明になるはずだった部分が黒くなってしまいます。 この時指定していた CSS は次の通り。上が黄色で下がピンクです。 strong { background: linear-gradient(transparent 30%, #FEFE98 90%); } strong.pink{ background: linear-gradient(transparent 30%, #FFCCFF 90%); }さて、この黒くなる原因はどこにあるのか。 結
