Internet Explorer и box-shadow

Итак, для того, чтобы Microsoft Internet Explorer версии от 8.x и младше начал поддерживать свойство CSS3 под названием box-shadow читателю понадобиться скачать специальный файл с сайта http://css3pie.com.

PIE - progressive Internet Explorer

Вот так будут выглядеть стили:

.test {
  border: solid 5px #08a7e6;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(8,167,230,0.5);
  behavior: url("PIE.htc"); /* IE < 9 */
  background: #fff;
  width: 50%;
  margin: 50px auto;
  text-align: center;
}

А вот так будет выглядеть пример, как видите присутствует тень  box-shadow и даже border-radius:

IE box-shadow

Важное примечание. Существенным недостатком данного решения является то, что файл, который необходимо подключить весит без малого 40 килобайт (в сжатом виде, неупакованный будет занимать все 160).

Скачать рабочий пример

P.S. Кстати аббревиатура PIE расшифровывается, как Progressive Internet Explorer, что в переводе на русский язык можно трактовать, как «прогрессивный Internet Explorer».

Опубликовано 17-06-2013 в 15:20


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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Свежие комментарии

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

Статистика спама

Последние твиты