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

21.08.2010

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
Похожие записи

Комментарии

Виктор
21.08.2010, 23:18

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

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

Гость
29.10.2011, 09:31

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

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

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

Гость
19.04.2013, 01:49

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

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