Закругляем уголки в IE через CSS

Автор: Aport Пятница, Январь 23rd, 2015 Нет комментариев

Рубрика: Разное

Долгожданные скругленные углы теперь реальность, и применять их можно не только в 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.

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты