Border радиус эффекта с IE9 и твердой границы

Я просто заметил, что мой адрес ссылки стиль как кнопка не правильно показывает радиус в IE9 при использовании ниже CSS:Border радиус эффекта с IE9 и твердой границы

a.btn { 
    background: #F00; 
    color:#333; 
    font-size:12px; 
    padding: 3px 4px 3px 4px; 
    border:1px solid #444; 
    border-radius:3px 3px 3px 3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
    cursor:default; 
}

CSS example

Когда Я удаляю границу: 1px solid # 444; то появляется хорошая кривая граница.

Это ошибка с IE? В Firefox все работает хорошо. Кто-нибудь еще видел что-то подобное? Похоже, это происходит только тогда, когда граничный радиус установлен на низкое значение. Я знаю, что это не очень важно в масштабах вещей, но мне интересно услышать, знает ли кто-нибудь, почему радиус не отображается должным образом.

источник

2011-07-21 RichardA

Это работает для меня. Проверьте это с помощью

border-radius: 20px;

http://jsfiddle.net/6Nr2n/1/

http://prntscr.com/2djxa

источник

2011-07-21 11:28:47 binarious

Да он работает на большем радиусе. Но я удивляюсь, почему не для меньшего. Похоже, что IE ведет себя иначе, чем другие браузеры. – RichardA

Он работает и на меньших. Но вы не можете видеть, что это хорошо. – binarious

Да, возможно, именно так, как IE делает сравнение с другими браузерами. Когда я удаляю сплошную границу, он работает лучше. Возможно, MS должна работать над графическими алгоритмами ... – RichardA

Border радиус эффекта с IE9 и твердой границы

ответ

Смежные вопросы