好的，所以我目前在 IE 5-7 中遇到渐变问题（出于兼容性原因，它需要在那里。）
我尝试使用以下代码：
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfdff', endColorstr='#b3e9ef',GradientType=1 ); /* IE6-8 */
但是它根本不显示渐变，只显示白色背景，我用于 IE9+ 和 IE10+ 的其他代码工作正常并且没有问题，这同样适用于所有其他浏览器和用于它们的代码。
我通过简单地创建一个 1 像素的渐变然后重复它并设置颜色来解决这个问题。
background: #edfdff url(images/gradient_slice.png) 0 0 x-repeat; /* Old browsers */
根据MSDN，您应用渐变的元素必须具有布局。也就是说，它必须具有 a width、 aheight或 a position，否则渐变将不可见。
所以这个 jsFiddle在 IE6 中工作，但这个没有。
顺便说一句，您自己的答案与您问题中的示例不同。首先，x-repeat应该是repeat-x。其次，GradientType=1垂直重复，而不是水平重复。