Тень коробки в IE7 и IE8

Я хочу реализовать тени в 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, которые в моем случае нецелесообразны. Любое экспертное заключение по этой проблеме?

Ответы

Ответ 1

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

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

Ответ 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 вы теряете гладкие шрифты по какой-то причине, они будут выглядеть рваными

Ответ 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');

Ответ 4

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

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