Округление углов для ie6

Категория: Интернет | Автор: csska | Опубликовано: 29.05.2010

В предыдущей статье про округление углов я не учел поддержу Internet explorer’a, сейчас я расскажу как округлить углы без всяких дополнительных контейнеров и картинок а только при помощи css и htc скрипта присоединенному к стилям.
И так поехали, для начала скачаем htc файл из базы исходников гугла http://curved-corner.googlecode.com/files/border-radius.htc, кидаем его в папку со стилями далее в стилях прописываем такой код

.ieroundbox{
-moz-border-radius: 15px; //округление углов для mozilla
-webkit-border-radius: 15px; //округление углов для chrome safari
border-radius: 15px; //для всех браузеров с поддержкой css3
behavior: url(border-radius.htc); // подключаем наш htc скрипт который и будет округлять углы в ie
width:200px;
height:200px;
background:#000;
}

в html прописываем такой код Данный метод Поддерживается в ie6,ie7,ie8.

Пример тут округление углов округление углов для ie6 Блог всем блогам блог о создание и продвижение сайтов

Комментарии

К этой статье пока нет комментариев. Станьте первым! У нас гости не могут комментировать статьи. Пожалуйста авторизуйтесь или зарегистрируйтесь, чтобы прокомментировать.

Свежие комментарии

Ну, вот это я понимаю, настоящая инструкция для тех, кто хочет не просто «привет, как дела», а чтобы дамы сами в личку ломились! Как говорится, техник...

Читать >>

Куклы-обереги действительно имеют глубокий символизм и интересную историю, которая часто теряется в современных интерпретациях. Например, многие не зн...

Полностью поддерживаю подход, описанный в статье! Рисование — не просто творческое занятие, а ключевой инструмент для развития ребёнка. Как детский пс...

Интересная подборка ошибок, но не могу не высказать скепсис по поводу части рекомендаций. Например, о зарядке только до 80% — это логично с техническо...

Работал соцработником пару лет, и вот что не написали: это не только помощь людям, но и куча бумажек, отчётов и согласований. Бывает, половина времени...