我無法使用IE8和9中的CSS獲取漸變。是否有任何解決方案？

Question

我正在使用輸入按鈕下面的CSS類。
我想漸變箭頭到按鈕。

.addBtn{border:1px solid #B9770C;color:#000000; 
background: url('../../images/arrow_right.png') no-repeat center bottom; 
/* fallback */ 
background: url('../../images/arrow_right.png') no-repeat center bottom, -webkit-gradient(linear, left top, left bottom, from(#f9d295), to(#f1a32b)); /* Saf4+, Chrome */ 
background: url('../../images/arrow_right.png') no-repeat center bottom, -webkit-linear-gradient(top, #f9d295, #f1a32b); /* Chrome 10+, Saf5.1+ */ 
background: url('../../images/arrow_right.png') no-repeat center bottom, -moz-linear-gradient(top, #f9d295, #f1a32b); /* FF3.6+ */ 
background: url('../../images/arrow_right.png') no-repeat center bottom,  -ms-linear-gradient(top, #f9d295, #f1a32b); /* IE10 */ 
background: url('../../images/arrow_right.png') no-repeat center bottom,  -o-linear-gradient(top, #f9d295, #f1a32b); /* Opera 11.10+ */ 
background: url('../../images/arrow_right.png') no-repeat center bottom,   linear-gradient(top, #f9d295, #f9d295); /* W3C */ 
} 
.addBtn:hover{   
border: 1px solid #B9770C;    
background: url('../../images/arrow_right.png') no-repeat center bottom; /* fallback */ 
background: url('../../images/arrow_right.png') no-repeat center bottom, -webkit-gradient(linear, left top, left bottom, from(#f1a32b), to(#f9d295)); /* Saf4+, Chrome */ 
background: url('../../images/arrow_right.png') no-repeat center bottom, -webkit-linear-gradient(top, #f1a32b, #f9d295); /* Chrome 10+, Saf5.1+ */ 
background: url('../../images/arrow_right.png') no-repeat center bottom, -moz-linear-gradient(top, #f1a32b, #f9d295); /* FF3.6+ */ 
background: url('../../images/arrow_right.png') no-repeat center bottom,  -ms-linear-gradient(top, #f1a32b, #f9d295); /* IE10 */ 
background: url('../../images/arrow_right.png') no-repeat center bottom,  -o-linear-gradient(top, #f1a32b, #f9d295); /* Opera 11.10+ */ 
background: url('../../images/arrow_right.png') no-repeat center bottom,   linear-gradient(top, #f1a32b, #f9d295); /* W3C */ 
} 

您可以檢查在IE和其他瀏覽器這個網址。 http://jsfiddle.net/aEK4j/

Answer 1

使用此網站獲取漸變的一切！這對所有版本的IE（6-9）都有用！

Advanced Colorful Goodies