css圆角div不适用于IE8

Question

我有这个css

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); 
}

.type1 {
    width: 100px;
    height: 100px;
    background: yellow;
    border: 3px solid red;
}

这是我的HTML：

<td style="width:25%; height:15%;">
                         <span runat="server" id ="slSpan" class="circleBase type1">Sl = 320012522121</span>
                     </td>

css正在使用firefox 20并给我一个圆形的span。但是在IE8中它给了我一个矩形。

帮助pleae

Answer 1

IE8不支持本机圆角：您可以使用JS polyfill（如CSS3Pie）来实现IE8的复古兼容性。

或者你应该使用“旧方法”，其中backgorund图像就像“圆角”