2012-03-28 5 views
1

내 웹 앱에서 경사 및 엠 보스 효과를 시뮬레이트하기 위해 CSS 3 텍스트 그림자를 사용하고 있습니다. 문제는 IE 10이 매우 나쁜 그림자를 보여줍니다. 아직 IE 9에서 아직 확인하지 않았습니다. 하지만 고칠 수 있습니까? 이것은 내가 사용하고 있습니다 :IE 3의 CSS 3 텍스트 그림자

text-shadow: 0px 1px 1px #A4A4A4; 
filter: dropshadow(color=#A4A4A4, offx=0, offy=-1); 

을 CSS는 IE에서 텍스트 그림자를 보여줄 수있는 자바 스크립트 라이브러리가있다인가? 또는 나를 도울 다른 트릭? 아니면이 문제를 해결하기 위해 추가 할 CSS 속성이 있습니까?

+0

이 ** http : //fetchak.com/ie-css3/** 읽어 보셨습니까? –

답변

3

다른 섀도우 필터를 사용해 볼 수 있습니다.

.shadow { 
    /* For IE 8+ */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
    /* For IE 5.5 - 7 */ 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
} 

또는 CSS3 시뮬레이션하는 행동 파일을 사용 http://fetchak.com/ie-css3/

업데이트 : 미안 해요, 오해, 그 그림자 필터 box-shadow하지 text-shadow을 위해입니다. Internet Explorer는 text-shadow을 지원하지 않지만 drop-shadowglow 필터를 사용하여이를 시뮬레이션 할 수 있습니다 (this tutorial 참조).

+0

둘 다 잘 작동합니다. –