Тень блока в IE7 и IE8

Question

Я хочу реализовать тени в IE7 и IE8. Я перепробовал все безуспешно. Вот CSS, который я использую, чтобы применить цветную тень к div:

.bright{
    position: absolute;
    z-index: 1; 
    -moz-box-shadow: 0px -3px 55px 20px #147197;
    box-shadow: 0px -3px 55px 20px #147197;
    -webkit-box-shadow: 0px -3px 55px 20px #147197;
    behavior: url(ie-css3.htc);
}

Этот файл ie-css3.htc является решением проблем с тенью IE. Но это дает только черные тени, а не цветные тени. Я попробовал:

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

Но это создает направленную тень, и я хочу всенаправленную тень. Также пробовал размытие фильтра, но он должен иметь дополнительные div, что не рекомендуется в моем текущем случае Есть мнение эксперта по этой проблеме?

Answer 1

Используйте CSS3 PIE , который эмулирует некоторые свойства CSS3 в более старых версиях IE.

Он поддерживает box-shadow ( за исключением ключевое слово inset).

Answer 2

в ie8 вы можете попробовать

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');

предостережение: в ie8 вы по какой-то причине теряете гладкие шрифты, они будут выглядеть рваными

Answer 3

Вы можете попробовать это

box-shadow:
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=30, OffY=40, Color='#19000000');

Answer 4

используйте это для исправления проблемы с теневым блоком

filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#F13434', Positive='true');