IE 5-7（CSS）的渐变

Question

好的，所以我目前在IE 5-7中遇到了渐变问题（出于兼容性考虑，它必须放在其中）。

我尝试使用以下代码：

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfdff', endColorstr='#b3e9ef',GradientType=1 ); /* IE6-8 */

但是，它根本不显示渐变，而仅显示白色背景，我用于IE9 +和IE10 +的其他代码可以正常工作，没有任何问题，同样适用于所有其他浏览器以及用于它们的代码。

Answer 1

我通过简单地创建一个1像素的渐变，然后重复它并设置颜色来解决此问题。

background: #edfdff url(images/gradient_slice.png) 0 0 x-repeat; /* Old browsers */

Answer 2

根据MSDN ，应用渐变的元素必须具有布局。 也就是说，它必须具有width ， height或position ，否则渐变将不可见。

因此， 此jsFiddle可在IE6中使用，但此方法无效。

顺便说一句，您自己的答案不能像问题中的示例那样工作。 首先， x-repeat应该是repeat-x 。 其次， GradientType=1垂直而不是水平重复。