Скругленные углы в IE9 - PullRequest
Новая
       25

Скругленные углы в IE9

0 голосов
/ 18 января 2012

Я пытаюсь разместить seperate CSS для всех версий IE и пытаюсь работать с приведенным ниже CSS, но это не дает мне rounded corners.

Может ли кто-нибудь указать мне правильный путь

Вот мой 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')

Ответы [ 2 ]

4 голосов
/ 18 января 2012

Вы используете специфичные для поставщика правила в своем CSS.Используйте «стандартизированную» версию для IE9: 

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

Специальные правила -moz- могут быть сокращены аналогичным образом.Webkit (насколько мне известно) не допускает краткую форму.

Вот некоторые дополнительные сведения: border-radius .

1 голос
/ 18 января 2012

Добавить border-radius-topleft: 5px; границы радиуса-bottomleft: 5px; границы радиуса-bottomright: 5px;

...