Эффект тени свечения - PullRequest
       3

Эффект тени свечения

0 голосов
/ 04 июля 2011

Я использовал box-shadow css3 не для создания тени, а для добавления эффекта свечения.Работает просто отлично но конечно кроме IE.Есть ли обходной путь, чтобы сделать это возможным в IE?

CSS, который я сейчас использую:

-webkit-box-shadow:0 0 5px #666; 
-moz-box-shadow: 0 0 5px #666; 
box-shadow:0 0 5px #666;

Я уже посмотрел на IE PIE, но он не работает, потому что я используюслишком много z-index.Также

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

не будет работать, он отображает тень, но я не могу заставить его выглядеть как эффект свечения.

Кто-нибудь знает другой обходной путь?

1 Ответ

0 голосов
/ 04 июля 2011

Я бы порекомендовал посмотреть на CSS3Pie .

Это хак совместимости для IE, который позволяет всем версиям IE поддерживать несколько функций CSS3, включая box-shadow.

Вы добавляете стиль Pie.htc behavior в существующую таблицу стилей, и он будет читать стандартные стили box-shadow, которые вы уже написали для других браузеров.

Больше не надо взламывать ужасный синтаксис filter! Он просто использует стандартный CSS.

Короче говоря, вы можете заменить всю эту строку filter на behavior:url('pie.htc');

Пирог также реализует border-radius и градиенты.

Разумеется, все эти функции уже можно реализовать в IE (в противном случае, как будет работать Pie), но Pie значительно упрощает их реализацию, поскольку IE позволяет читать стандартные стили.

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...