Долгожданные скругленные углы теперь реальность, и применять их можно не только в Firefox, Chrome, Opera и Safari, но и в Internet Explorer 6 и выше. Больше не нужно долго и нудно резать изображения на кусочки или строить огромные конструкции, теперь все просто благодаря border-radius.htc.
Как мы знаем, все современные браузеры (кроме IE) уже научились понимать CSS-свойство border-radius.
Чтобы заставить InternetExplorer понимать свойство border-radius и научить его правильно обрабатывать данные, нужно подключить небольшую библиотеку border-radius.htc
Если говорить о готовом кроссбраузерном примере CSS-класса, то он будет таковым:
.round {
border:1px solid #ae037b;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
behavior: url("border-radius.htc");
height:200px;
width:400px;
background:#c146a4;
}
Собственно вот рабочий пример:
Обратите внимание, что это работает везде, в том числе IE6, IE 7, и в IE 8.
Источник: neoprizma.ne
Комментарии