在IE 9中CSS功能不能正常工作

Question

任何人都可以找出爲什麼在IE 9中不能正常顯示？這裏是什麼樣子： ，這裏是它 應該是什麼樣子：

這裏是我的代碼 - 任何幫助，將不勝感激。謝謝！

HTML

<div class="addl-colors-container"> 
<span class="addl-colors"> 
::before 
"Multiple Options"" 
::after 
</span> 
</div> 

CSS

.addl-colors-container{ 
    width:105px; 
    height:105px; 
    position:absolute; 
    z-index:1; 
    text-align:center; 
    pointer-events:none; 
    margin:-10px; 
    font-size:14px; 
} 
span.addl-colors { 
    background:linear-gradient(#25aeca 0%, #5fc8c2 100%); 
    box-shadow:0 3px 10px -5px rgba(0, 0, 0, 1); 
    top:20px; 
    line-height:22px; 
    width:147px; 
    right:-16px; 
    transform:rotate(-37deg); 
    -ms-transform:rotate(-37deg); 
    -webkit-transform:rotate(-37deg); 
    display:block; 
    position:absolute; 
    color:#fff; 
    border-top-right-radius:75px; 
    border-top-left-radius:75px; 
    } 
span.addl-colors:after{ 
    content:''; 
    position:absolute; 
    left:0px; 
    top:100%; 
    z-index:-1; 
    border-left:3px solid #25aeca; 
    border-right:3px solid transparent; 
    border-bottom:3px solid transparent; 
    border-top:3px solid #25aeca; 
} 
span.addl-colors:before{ 
    content:''; 
    position:absolute; 
    right:0%; 
    top:100%; 
    z-index:-1px; 
    border-right:3px solid #25aeca; 
    border-left:3px solid transparent; 
    border-bottom:3px solid transparent; 
    border-top:3px solid #25aeca; 
} 

這裏面另一個框中顯示。這是很多代碼，所以我沒有粘貼它，但如果需要，請讓我知道，我會發布。謝謝！

Answer 1

在Internet Explorer中未發現不幸的是線性漸變，我有同樣的問題和y SOLV把一個簡單的背景的線性漸變

這樣前：

span.addl-colors { 
    background: #25aeca; 
    background:linear-gradient(#25aeca 0%, #5fc8c2 100%); 
    ... 
}