我的CSS渐变不适用于IE 9或更低版本

Question

我有一个CSS渐变的图像，在IE 9或更低版本中不起作用。 我尝试添加一个高度：100％; 因为我看到它帮助了别人，但它仍然没有影响我的。 图像是注册按钮，我的URL是http://ht.io-web.com/ 。 这是CSS

.white {
background: -moz-linear-gradient(center top , #FFFFFF, #DEDCDC) repeat scroll 0 0 transparent;
border: medium none #DEDCDC;
color: #85B700;
margin-left: 5px;}

Answer 1

渐变为ie：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');

webkit浏览器的渐变：

background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));

Answer 2

如果没有Microsoft脚本（如Keith所述），IE Gradients在IE9及以下版本中不可用。

http://caniuse.com/#search=linear-gradient

并且您的CSS代码专门使用Mozilla浏览器前缀，因此它只能在Firefox浏览器中使用。

您可以使用“-webkit-”和“-o-”来定位Safari / Chrome和Opera浏览器（如CanIUse.com中所述），但我相信它们具有不同的参数。

Answer 3

IE不支持CSS渐变 - 即使在IE9中也是如此。

但是，有一个名为CSS3Pie的javascript hack可以为你解决这个问题。

见http://www.css3pie.com/

将此脚本添加到您的站点，IE将能够处理CSS渐变。

（css3pie也会做其他CSS的东西，比如圆角，但IE9已经支持它们，所以这些黑客只适用于IE8及以下版本）