тень текста в Internet Explorer 9? - PullRequest
       11

тень текста в Internet Explorer 9?

3 голосов
/ 01 августа 2011

У меня есть div, у которого есть это свойство:

text-shadow:2px 2px 3px #252525;

Он отлично работает в Firefox 5, но Internet Explorer 9 не показывает его.Я думал, что IE 9 должен был поддерживать CSS3?

Как я могу получить подобный результат в IE тогда?

Ответы [ 2 ]

8 голосов
/ 01 августа 2011

IE9 не понимает text-shadow свойство. Вместо этого вы можете использовать свойство filter (только IE):

text-shadow:2px 2px 3px #252525;

можно заменить на

filter: Shadow(Color=#252525, Direction=45, Strength=2);

Результат должен быть похожим.

2 голосов
/ 26 февраля 2013

Поскольку это было для меня болью, я решил опубликовать самое важное, что осталось, КАЖДЫЙ раз, когда я увижу что-то о тенях для текста ..

хорошо .. 2 вещи.

.shadow {
   display: block; /* required for it to work.. */
   text-shadow: 0.1em 0.1em 0.1em gray;
   filter: Shadow(Color=gray, Direction=45, Strength=1);
}

Кроме того, вы можете включить режим совместимости с IE, используя следующую строку в разделе:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Я бы хотел, чтобы IE попал на борт с остальным миром.Каждый раз, когда я пишу что-то, у IE всегда есть проблемы.Что еще хуже, он работает в любом браузере или устройстве, КРОМЕ IE.

Что-то еще, что может быть интересно узнать:

http://www.colorzilla.com/gradient-editor/

делает цветовые градиенты с совместимостью с IE (установите оба флажка.) Отлично работает.

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

Наслаждайтесь.

...