Question

CSS：

 background-image: linear-gradient(bottom, #000000 29%, #999999 65%);
    background-image: -o-linear-gradient(bottom, #000000 29%, #999999 65%);
    background-image: -moz-linear-gradient(bottom, #000000 29%, #999999 65%);
    background-image: -webkit-linear-gradient(bottom, #000000 29%, #999999 65%);
    background-image: -ms-linear-gradient(bottom, #000000 29%, #999999 65%);
    background-image: -webkit-gradient(linear,  left bottom,    left top,   color-stop(0.29, #000000),  color-stop(0.65, #999999));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#999999');

为什么IE版的渐变不起作用？我似乎无法找到什么问题？

Answer 1

尝试设置GradientType属性：

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

Answer 2

尝试

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#999999',GradientType=0 ); /* IE6-9 *

background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(153,153,153,1) 100%); /* IE10+ */

为什么这个渐变不适用于IE 9？

2 个答案: