さて、私は現在IE 5-7のグラデーションに問題があります（互換性の理由からそこにある必要があります。）
次のコードを使用してみました。
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfdff', endColorstr='#b3e9ef',GradientType=1 ); /* IE6-8 */
ただし、グラデーションはまったく表示されず、単に白い背景が表示されます。IE9+ と IE10+ で使用している他のコードは正常に動作し、問題はありません。他のすべてのブラウザーとそれらに使用されるコードにも同じことが当てはまります。
MSDNによると、グラデーションを適用する要素にはレイアウトが必要です。つまり、 a width、 a 、heightまたは のいずれかが必要positionです。そうでない場合、グラデーションは表示されません。
したがって、この jsFiddleは IE6 で動作しますが、これは動作しません。
ちなみに、あなた自身の答えは、質問の例のようには機能しません。まず第一に、x-repeatする必要がありますrepeat-x。次に、GradientType=1水平方向ではなく垂直方向に繰り返します。
1ピクセルのグラデーションを作成し、それを繰り返して色を設定するだけでこれを修正しました。
background: #edfdff url(images/gradient_slice.png) 0 0 x-repeat; /* Old browsers */