Скругление углов в ie. Использование PIE

Скруглить углы можно так.

Хороший способ для скругления углов: добавление библиотеки pie(Progressive Internet Explorer). Официальный сайт, с которого можно скачать файл pie.htc - http://css3pie.com или тут: https://github.com/lojjic/PIE/downloads

Код будет выглядеть так:

  1. -moz-border-radius: 10px;
  2. -webkit-border-radius: 10px;
  3. -khtml-border-radius: 10px;
  4. border-radius: 10px;
  5. behavior: url(pie.htc);

Если у вас не заработало следует проверить такие моменты:

  • прописать в .htaccess строку AddType text/x-component .htc
  • добавить к элементу position:relative; потому, как элемент может стать прозрачным
  • обернуть в див элемент и применить к нему
  • работает только с сокращенным свойством
  • путь должен быть относительно html файла.

С помощью этой библиотеки можно делать:

  • border-radius;
  • box-shadow;
  • border-image;
  • градиенты (linear-gradient);
  • множественные background;
  • rgba цвета.
Ключевые слова: 

Вас также может заинтересовать

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

CAPTCHA
Для того, что б подтвердить что Вы человек, заполните, пожалуйста, форму проверки
Image CAPTCHA
Введите символы, которые изображены на картинке.