Подключаем поддержку скругления углов для IE 6-8

17.04.2011 | Написал

Как известно 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 эмоций

    • Евгений Молодецкий пишет:

      Не подключился у Вас pie, по всей вероятности. Попробуйте behavior: url (PIE/PIE.htc); сменить на behavior: url (PIE/PIE.php);

Добавить комментарий

Ваш e-mail не будет опубликован.