在IE9中的圓角

我想爲IE的所有版本放置一個seperate CSS，並嘗試使用下面的CSS，但它不會給我任何roundedcorners。在IE9中的圓角

任何人都能指出我走出了正確的道路

這裏是我的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沒有摸索出適合我，我覺得他們的工作絕對完美的，因爲beore我已經使用它們，然後它運行良好，但在這種情況下，我的CSS部分出了問題。

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

來源

2012-01-18 coder

您在CSS中使用特定於供應商的規則。使用「標準」版的IE9：

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

的-moz-具體規則可以以類似的方式被縮短。 Webkit（據我所知）不允許簡寫。

以下是一些附加信息：border-radius。

來源

2012-01-18 19:45:33

@ Jonah-非常感謝你的工作，我只需要左上角，右下角和左下角，我該如何改變它？ – coder 2012-01-18 19:47:59

我提供的規則應該做所有4個角落。我相信這個順序是左上角，右上角，右下角，左下角。如果你想單獨指定它們，只需使用：'border-bottom-left-radius'等。 – 2012-01-18 19:50:35

這樣做的魔力 - 再次感謝我指出了正確的方式。 – coder 2012-01-18 19:52:54

添加border-radius-topleft：5px; border-radius-bottomleft：5px; border-radius-bottomright：5px;

來源

2012-01-18 19:44:12

在IE9中的圓角

回答

相關問題