IE11でlinear-gradientのcolor-stopにcalc()を使うと効かない場合がある | ITハット

IE11でlinear-gradientのcolor-stopにcalc()を使うと効かない場合がある 久しぶりにハマったので忘れないように記事にしておきます。calc() はIE9から使える便利なCSS関数なのですが、グラデーションで使うときには注意が必要かもしれません。 問題のグラデーション .gradient { width: 500px; height: 100px; background: linear-gradient(to bottom, #e6ac27 calc(50% - .5px), #f6f7bd calc(50% - .5px), #f6f7bd calc(50% + .5px), #80bca3 calc(50% + .5px)); } 上半分と下半分で色を変え、中央に1pxの線を引くグラデーションです。calc(50% – .5px) と calc(50% +