Text-Shadow: IE8

Хорошо, так что я' m пытается реализовать text-shadow в различных браузерах. У меня IE6, IE7, FF, Chrome и Opera все работают ... но IE8 не будет «показывать тени, если он не находится в режиме совместимости».

Я просмотрел ряд «решений» через поиск / Google, но тень по-прежнему появляется только в «Просмотр в режиме совместимости».

Есть идеи, как заставить ее отображаться, не меняя режимы?

Примечание: Использование HTML5 Boilerplate и Modernizr.

] edit: Добавлено, что я использую 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>
11
задан BoltClock 6 November 2012 в 20:48
поделиться