IE10とIE11でgradient関数とcalc関数を組み合わせると描画がおかしくなる
linear-gradient関数などのグラデーション関数とcalc関数を組み合わせるとIE10とIE11で描画がおかしくなる現象が発生します。
CSS
IE10、IE11 | |
---|---|
IE10、IE11以外 |
この現象を回避するには、background-sizeプロパティの値にcalc関数を使用してグラデーションの方向に応じて指定します。
水平方向はy軸に垂直方向はx軸の値にそれぞれcalc関数を使用してしています。
CSS