2012-06-01 50 views
0

好了,所以我现在有问题(这需要在那里comptability原因。)渐变为IE 5-7(CSS),在IE 5-7梯度

我曾尝试使用下面的代码尝试:

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

但是它不会显示在所有的梯度,并只显示一个白色的背景,我使用IE9 +和IE10 +工作正常,没有问题的其他代码,这同样适用于其他所有浏览器和代码用于他们。

+0

你可以显示你正在使用它的完整代码吗? –

+0

你究竟看到了什么,因为其余的代码实际上工作正常,它是这条确切的线,似乎无法正常工作。 –

+0

@repwhoringpeehaa这只是一个comptability件事:对 –

回答

0

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

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

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

因此this jsFiddle适用于IE6,但this one不适用。

顺便说一句,你自己的答案不像你的问题中的例子。首先,x-repeat应该是repeat-x。其次,GradientType=1垂直重复,不水平。