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

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.