IE10とIE11でgradient関数とcalc関数を組み合わせると描画がおかしくなる

linear-gradient関数などのグラデーション関数とcalc関数を組み合わせるとIE10とIE11で描画がおかしくなる現象が発生します。

CSS

IE10、IE11
IE10、IE11以外

この現象を回避するには、background-sizeプロパティの値にcalc関数を使用してグラデーションの方向に応じて指定します。
水平方向はy軸に垂直方向はx軸の値にそれぞれcalc関数を使用してしています。

CSS