线性渐变背景在IE 7 - 9(Linear Gradient background in IE

我有一个复选框，一个标签式的，这取决于该复选框是否被选中。 到目前为止，我所用的[selectivizr]脚本1来管理:selected propperty在IE7中工作。 但不知何故，梯度是不是在IE 7，8和9的工作propper应该有从浅渐变到深绿色，但我得到一个深蓝色的渐变。 我无法解释这种奇怪的behavoir，也许有事情做与CSS规则的顺序？

     input[type=checkbox]:checked + label {
        background: #00bf00;
        background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
        background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
        background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
        background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
        background: linear-gradient(top, #00bf00 0%, #009400 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 ); /* EDIT: UPDATE BELOW:*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bf00', endColorstr='#009400',GradientType=0 );
    }

Answer 1:

你的十六进制值是错误的IE6-9部分：

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

文章来源: Linear Gradient background in IE 7 - 9