2011-08-01 2 views
3

나는이 속성이 사업부가 있습니다Internet Explorer 9의 텍스트 그림자?

text-shadow:2px 2px 3px #252525; 

그것은 파이어 폭스 5에서 잘 작동을하지만, 인터넷 익스플로러 9는 표시되지 않습니다. IE 9가 CSS3를 지원한다고 생각 했나요?

IE에서 비슷한 결과를 얻으려면 어떻게해야합니까?

+0

IE9는 다른 브라우저와 비교하여 CSS3에 대한 지원이 가장 적습니다. – Rob

+0

참조 : http://www.quirksmode.org/css/contents.html 및 CSS3 선언 섹션. – tjcss

답변

8

IE9는 text-shadow 속성을 이해할 수 없습니다.

text-shadow:2px 2px 3px #252525;

이 유사해야

filter: Shadow(Color=#252525, Direction=45, Strength=2);

결과로 대체 할 수 있습니다 대신 filter 속성을 (IE 전용)를 사용할 수 있습니다. 이 내 옆에 통증이 되었기 때문에

2

, 나는 내가 ..

아니라 ..이 일을 내가 텍스트 그림자에 대해 뭔가를 볼 때마다 왼쪽으로 가장 중요한 일을 게시 거라고 생각.

.shadow { 
    display: block; /* required for it to work.. */ 
    text-shadow: 0.1em 0.1em 0.1em gray; 
    filter: Shadow(Color=gray, Direction=45, Strength=1); 
} 

또한,이 섹션에 다음 줄을 사용하여 IE 호환 모드를 강제로 수 있습니다

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

내가 IE는 세계와 보드에 얻을 것입니다 바랍니다. 매번 제가 글을 쓸 때 IE는 항상 문제가 있습니다. 더 나쁜 것은 IE를 제외한 모든 브라우저 또는 장치에서 작동한다는 것입니다. 알고 멋진 수 있습니다 다른

뭔가 :

http://www.colorzilla.com/gradient-editor/

는 IE 호환성 (. 모두 체크 박스)와 색상 그라디언트를 수행 잘 작동합니다.

이제 우리는 곡선이있는 구석에 대한 IE 수정본 만 있으면됩니다.

즐기십시오.

+0

와우 메타 태그는 검은 마법처럼 보이지만 IE에서 작동하도록하는 고통이있었습니다. 단 한 줄로 모든 것이 훨씬 잘 작동합니다! –