圓角不在IE上工作

Question

我用圓角和漸變。它在Firefox上運行良好，但圓角不能在IE上運行。 IE圓角只有當我刪除漸變的CSS工作。請幫幫我。

<h2 id="user_comments">9. User Comments and Notes</h2>  
     h2 { 
     -webkit-border-radius: 8px; 
     -moz-border-radius:8px; 
     background:-moz-linear-gradient(center top , #A0ABBF, #DEDEDE, #A0ABBF) repeat scroll 0 0 #A0ABBF; 
     filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#DEDEDE', EndColorStr='#A0ABBF'); /* IE6,IE7 */ 
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DEDEDE', EndColorStr='#A0ABBF')"; /* IE8 */ 
     border:2px solid #A0ABBF; 
     font-size:16px; 
     letter-spacing:1px; 
     margin-top:36px; 
     padding:0 1em; 
     position:relative; 
     } 

火狐： IE：

Answer 1

IE7和IE8不支持border-radius。

IE9 will。

有JavaScript黑客入侵，大多數涉及1px的元素堆絕對定位或使用SVG。

您也可以使用圖像。

我只是保留原樣，並考慮> IE8和其他瀏覽器正在獲得漸進增強。