PIE и проблемы с IE8

Хотим мы того или нет, но браузер Internet Explorer все еще жив 🙂 . В более старых версиях этого «замечательного» интернет обозревателя, например в 8ой, отсутствует поддержка таких важных свойств как border-radius и box-shadow. Но, благодаря библиотеке PIE.htc, эту проблему можно частично решить.

Как отображать border-radius и box-shadow в IE8

Кстати говоря, PIE или Progressive Internet Explorer — также исправляет проблемы связанные с linear-gradient. Для начала нам понадобится скачать эту самую библиотеку — PIE.htc (на данный момент это PIE-2.0beta1) . Давайте напишем свойство, которое прочитает любой современный браузер и на его примере разберем работу данной библиотеки:

Если открыть страницу с таким свойством в старых версиях IE, то скорей всего мы ничего не увидим, и наши углы на блоке так и останутся прямыми. Чтобы это исправить поместите библиотеку PIE в папку с вашим CSS файлом и допишите вашему классу следующее:

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

Главное правильно заполнить путь к файлу PIE.htc в своем CSS. Еще может не сработать т.к. элемент будет строчный а не блочный, но это уже совсем другая история 🙂 .

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.com/dmitriy/.

Какие услуги предоставляю:
- Создание сайтов, шаблонов и компонентов на 1С-Битрикс;
- Разработка функционала с нуля и доработка кода на уже созданных проектах;
- Адаптивная вёрстка макетов и натяжка на Битрикс;
- Парсинг файлов и выгрузка на сайт (форматы - CSV, XML, XLSX, JSON)
- Интеграции со сторонними сервисами по API;
- Многоязычные версии и многое другое.

Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом или оставьте комментарий внизу.
E-mail: dmitriyribka@gmail.com
Skype: cinemacreaterus

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *