IE7 및 IE8의 상자 그림자

Question

IE7 및 IE8에서 상자 그림자를 구현하고 싶습니다. 나는 성공하지 않고 모든 것을 시도했다. 여기에 내가 사업부에 색깔의 그림자를 적용하기 위해 사용하고있는 CSS는 다음과 같습니다

.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

IE의 이전 버전에서 some CSS3 properties을 에뮬레이트하는 CSS3 PIE을 사용하십시오.

box-shadow (except forinset 키워드)를 지원합니다.

Answer 2

이이

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

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 4

사용이 보일 것입니다 그림자 상자 수정 문제

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