Как написать CSS3 закругленные углы для IE9? - PullRequest
Новая
       18

Как написать CSS3 закругленные углы для IE9?

3 голосов
/ 25 марта 2011

Я обычно писал закругленные углы, используя CSS3 для Google Chrome и Safari, например: 

-webkit-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;

А для FireFox: 

-moz-border-radius: 5px 5px 5px 5px;

Как написать это для IE9?

Ответы [ 3 ]

8 голосов
/ 25 марта 2011

Префикс поставщика не требуется (это также поддерживается Opera): 

border-radius: 5px;

И вы можете сжать свои стили, специфичные для WebKit и Mozilla, к следующим: 

-webkit-border-radius: 5px;
-moz-border-radius: 5px;

На самом деле, вскоре эти два свойства вам больше не понадобятся, так как стандарт border-radius теперь поддерживается Safari 5+ и Firefox 4+.

2 голосов
/ 25 марта 2011

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

1 голос
/ 05 сентября 2012

Элемент <!DOCTYPE html> является ключом для закругленных углов в IE9

См. Также: Декларация HTML DOCTYPE

...