Cień skrzynek w IE7 i IE8

Question

Chcę zaimplementować cienie boxów w IE7 i IE8. Próbowałem wszystkiego bez powodzenia. Oto css że używam zastosować kolorowy cień do 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); 
} 

Ten ie-css3.htc plik jest rozwiązaniem problemów IE cień. Ale daje tylko czarne cienie, a nie cienie kolorów. Próbowałem:

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

Ale tworzy kierunkowy cień i chcę wszechkierunkowy cień. Wypróbowałem także filtr rozmycia, ale musi on mieć dodatkowe elementy div, które nie są wskazane w moim bieżącym przypadku. Wszelkie opinie ekspertów na temat tego problemu?

Answer 1

Użyj CSS3 PIE, który emuluje some CSS3 properties w starszych wersjach IE.

Obsługuje box-shadow (except for słowo kluczowe inset).

Answer 2

można spróbować to

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 3

w IE8 można spróbować

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

zastrzeżenie: w IE8 tracisz gładkie czcionki z jakiegoś powodu, będą one wyglądać obdarty

Answer 4

użyć tego do Naprawiono problem z cieniem Box

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