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

Question

我有一个在 IE 9 或更低版本中不起作用的图像的 CSS 渐变。我尝试添加一个 height:100%; 因为我看到这对其他人有所帮助，但它仍然没有影响我的。图片是注册按钮，我的网址是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

即渐变：

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 所述），则 CSS 渐变在 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 已经支持它们，所以这些 hack 只适用于 IE8 及以下）