Question

我正在尝试为seperate CSS的所有版本添加IE并尝试使用下面的CSS，但它没有给我任何rounded corners。< / p>

任何人都可以指出我正确的道路

这是我的CSS：

   -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#ddeef6;
    position:absolute;
    width:230px;
    z-index:150;
    border:1px transparent;
    text-align:left;
    top: 24.5px; 
    right:84px; 
    margin-top:-53px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
    padding: 5px;

我尝试添加下面的url没有为我工作，我认为他们工作绝对完美，因为我已经使用它们然后它运作良好但在这种情况下我的css部分出了问题。

behavior url('css/PIE.htc')
behavior url('css/ie-css.htc')
behavior url('css/border-radius.htc')

Answer 1

您在CSS中使用特定于供应商的规则。使用IE9的“标准化”版本：

border-radius: 5px 0 5px 5px;

可以以类似的方式缩短-moz-特定规则。 Webkit（据我所知）不允许使用简短形式。

以下是一些其他信息：border-radius。

Answer 2

添加border-radius-topleft：5px; 边界半径-BOTTOMLEFT：5px的; 边界半径-bottomright：5px的;

IE9中的圆角

2 个答案: