CSS Ribbon funktioniert nicht richtig in IE 9

Question

kann jemand herausfinden, warum dies nicht richtig in IE 9 angezeigt wird? Hier ist, wie es aussieht: und hier ist es, was es sollte folgendermaßen aussehen:

Hier ist mein Code - jede Hilfe wäre sehr geschätzt. Vielen Dank!

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; 
} 

Dies wird in einem anderen Feld angezeigt. Es war eine Menge Code, also habe ich es nicht eingefügt, aber wenn es nötig ist, lass es mich wissen und ich werde posten. Vielen Dank!

Answer 1

leider linear-Gradient nicht im Internet Explorer gefunden, ich hatte das gleiche Problem und y solv einen einfachen Hintergrund vor dem linearen Gradienten

wie folgt setzen:

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