Подключаем поддержку скругления углов для IE 6-8
17.04.2011 | Написав eugenem
Как известно Internet Explorer до версии 9 не поддерживал скругление. Из-за этого я продолжал делать скругленные боксы архаичным, но тем не менее железобетонно работающим способом – фоном в виде картинки со скругленными углами.
Но недавно нашел одно интересное решение, которое и буду теперь применять – CSS3 Pie.
Порядок действий:
- скачиваем последнюю версию библиотеки. Распаковываем в корень либо в какау-нибудь папку папку PIE.htc.
- блоку, у которого задано скругление через CSS, дописываем свойство behavior: url(PIE.htc). Код должен выглядеть примерно так:
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);
На этом все, скругления будут работать также и в браузерах IE6-8.
Рубрика: Веброзробка
4 коментарі читачів статті "Подключаем поддержку скругления углов для IE 6-8"
-
Тико пишет:
Огромно спасибо! Очень полезная вещь! Работает на все 100%! 🙂
-
Николай пишет:
Спасибо тоже помогло))))
-
Владимир пишет:
сделал вот так:
img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE/PIE.htc);
}
в папку PIE кинул файлы
в ie 7 0 эмоций