Спасибо за предложение ... отлично работал для моей проблемы IE8.
о, поэтому я пытаюсь реализоватьtext-shadow
в разных браузерах. У меня IE6, IE7, FF, Chrome и Opera все работают ... но IE8 не будет показывать тени, если только он не находится в "режиме совместимости".
Я посмотрел на несколько «решений» через поиск / Google, но тень все еще появляется только в «представлении совместимости».
Любые идеи о том, как заставить его отображаться без изменения режима?
Примечание: Использование HTML5 Boilerplate и Modernizr.
Изменить: Добавлено, что я использую Modernizr, и я нажал не ту кнопку в моем тестере. Это не работает в IE9, но я не думаю, что это связано.
CSS:
#links li a {
font-size: 24px;
text-shadow: 0 3px 3px #102530, 0 3px 3px #102530;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530');
filter:DropShadow(Color=#102530, OffX=0, OffY=3);
zoom: 1;
}
HTML
<ul id="links">
<li><a href="#"/>Text</a></li>
</ul>