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>











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

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

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