IE中的边界半径不起作用

时间:2011-11-17 17:35:32

标签: css internet-explorer rounding css3

我需要制作圆角,当我这样尝试它在firefox和chrome中工作但不在IE中。

#tab_labels div {
   border-top-right-radius:4px;
   border-top-left-radius:4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
}

5 个答案:

答案 0 :(得分:6)

目前,IE 9和10是唯一支持border-radius的IE版本。 IE 8及更低版本不支持border-radius。你需要一些第三方帮助,比如CSS3Pie,这样做。

答案 1 :(得分:2)

如果你真的想开始使用CSS3。

你应该知道IE糟透了。

实际上不仅仅适用于CSS3。通常情况下,IE很糟糕。

所以IE(最多9个)默认不支持圆角。

你应该使用图像/诉诸某些第三方的东西。

答案 2 :(得分:1)

border-radius将在IE9中运行,但不能在以下版本中运行(IE8,IE7,...)

答案 3 :(得分:1)

您可以使用以下元标记激活IE中的某些CSS属性。我使用这个标签并没有这样的问题。

private double? _value;
public double? Value
{
    get
    {
        return _value.HasValue ? (double?)Math.Round(_value.Value, 1) : null;
    }
    set
    {
       _value = value;
    }
}

答案 4 :(得分:0)

看看PIE

示例:

#yourdiv{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    behavior: url(PIE.htc);
}