IE9中的CSS按鈕邊緣

Question

我一直在試圖爲我的網站創建按鈕。它適用於IE9以外的任何東西，我在盒子的角落有黑色的邊緣。我使用F12來查找代碼的哪一部分弄亂了所有內容，看起來「filter：progid ...」是原因，但是如果沒有它，看起來更糟糕。我讀了無數的網站，但沒有找到任何解決方案。如果有人有一個想法如何解決 - 請幫助！ :)

Mozilla vs IE - 發生了什麼事情的形象。上面的Mozilla，IE底部。

.button {font: bold; 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000)); 
background:-moz-linear-gradient(top, #000000 5%, #000000 100%); 
background:-webkit-linear-gradient(top, #000000 5%, #000000 100%); 
background:-o-linear-gradient(top, #000000 5%, #000000 100%); 
background:-ms-linear-gradient(top, #000000 5%, #000000 100%); 
background:linear-gradient(to bottom, #000000 5%, #000000 100%); 
overflow:auto; 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',  endColorstr='#000000',GradientType=0); 
-moz-border-radius:42px; 
-webkit-border-radius:42px; 
border-radius:42px; 
color: #BDBDBD; 
padding:3px 55px; 
width: 150px; 
} 

Answer 1

不幸的是，Internet Explorer在涉及到漸變方面存在問題。

這就是說，這是已經在另一篇文章中找到的東西，可以找到here和here它使用svg梯度來解決問題。