xandeadx.ru Блог музицирующего веб-девелопера

CSS → Эмуляция box-shadow в IE6+ с помощью фильтра

Опубликовано в

IE вплоть до 8-ой версии не поддерживает свойство box-shadow, которое предназначено для создания тени. Но есть способ получить нечто похожее на тень, с помощью фильтра DXImageTransform.Microsoft.Shadow:

box-shadow

selector {
    box-shadow: 2px 2px 10px #6CC6EC;
    -moz-box-shadow: 2px 2px 10px #6CC6EC;
    -webkit-box-shadow: 2px 2px 10px #6CC6EC;
    filter: progid:DXImageTransform.Microsoft.Shadow(Сolor='#6CC6EC', Direction=135, Strength=5);
}

Color — цвет тени.
Direction — направление тени, в градусах.
Strength — длина тени.

Живой пример.

Написанное актуально для IE6-8
Похожие записи

Комментарии RSS

У M$ всегда все через одно место, они всегда хотят выделиться (прям как та блондинка) и в ишаке через ихнее css свойство (filter) которое разумеется не проходит валидатор т.к. это свойство было выдумано M$ и только для ишака, так вот с помощью него можно достаточное кол-во вкусностей в ишаке реализовать, но блин спрашивается почему нельзя придерживаться существующим стандартам? а надо сначала увидеть как этот стандарт выглядит, а потом реализовать его у себя через свое за мудреное свойство! но блин чтоб не как у остальных!
M$ как начало свое существование с того что сперла дос и впарила его IBM.
Затем у Apple сперла X Window System, и перековеркала ее в свою винду, так и сейчас "тырит" веб стандарты реализовывает их у себя так, чтоб не как у остальных, и грит пользуйтесь.

Да и вообще не вижу смысла под ишак ровняться когда его доля уже меньше чем у оперы для мобильных устройств (Opera Mini), а это если не ошибаюсь 6%

Здравствуйте, а не подскажете зачем три стиля прописывать?

box-shadow: 2px 2px 10px #6CC6EC;
-moz-box-shadow: 2px 2px 10px #6CC6EC;
-webkit-box-shadow: 2px 2px 10px #6CC6EC;

В мозиле же box-shadow: работает этот стиль.

а вот не фига и неработает в мозиле тень (

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании