Internet Explorer에서 텍스트 스트로밍 시뮬레이션

Question

Internet Explorer (IE9 베타 버전 포함)를 제외한 모든 브라우저는 text-shadow을 지원하며 웹킷 브라우저는 -webkit-text-stroke을 인식하는 것으로 보입니다. 그러나 Internet Explorer에서 텍스트 획을 에뮬레이트하는 방법은 무엇입니까? 사용 가능한 필터를 살펴 봤는데 그 중에서도 시뮬레이션을 수행하는 데 아무 것도 사용할 수없는 것으로 보입니다. 그러나 Glow에서 따로 따로 볼 수는 있지만 솔리드 한 윤곽선이 아니라 흐릿한 빛을냅니다.

CSS 및/또는 Microsoft 필터/비헤이비어 및/또는 JavaScript를 사용하여이를 수행 할 수있는 방법이 있습니까?

IE의 이전 버전에서 솔루션을 사용할 필요가 없지만 레이아웃이 IE7 또는 그 이전 버전에 맞게 최적화되지 않습니다.

Answer 1

내가 다시 잠시에서 발굴 것을 여기이있다 : http://jsfiddle.net/kovalchik/yJff9/

나는 순간에 맥을 사용하고 이후 비록 실제로 작동 여부 만약 내가 테스트 할 수 없습니다. 조금 더러운 해킹처럼 보입니다. 그러나 시도해 볼만한 가치가 있습니다. P

Answer 2

저는 백그라운드 이미지 위에 중첩 될 때 작동하는 크로스 브라우저 텍스트 스트로크 솔루션을 찾고있었습니다. 나는 IE7-9 (나는 6을 테스트하지 않았 음)에서 작동하고, 앨리어싱 문제를 야기하지 않는 여분의 마크 업, js 및 작업을 포함하지 않는 해결책이 있다고 생각한다.

이것은 IE (http://caniuse.com/#search=text-shadow)를 제외하고는 잘 지원되는 CSS3 텍스트 섀도우의 조합입니다. 그런 다음 IE 용 필터 조합을 사용합니다. 현재로서는 CSS3 텍스트 스트로크 지원이 좋지 않습니다.

IE는

글로우 필터 (http://www.impressivewebs.com/css3-text-shadow-ie/) 끔찍 필터, 그래서 나는 그것을 사용하지 않았다.

David Hewitt의 답변에는 여러 방향의 조합으로 드롭 섀도우 필터를 추가하는 것이 포함되었습니다. 그런 다음 ClearType이 제거되어 불필요한 앨리어싱 된 텍스트로 끝납니다.

그런 다음 useragentman에 제안 된 요소 중 일부를 드롭 섀도우 필터와 결합했습니다.

이 예제는 흰색 스트로크와 검은 색 텍스트가 될 것입니다 함께

퍼팅. 나는 조건부 HTML 클래스를 target IE에 사용하고 있습니다.

#myelement { 
    color: #000000; 
    text-shadow: 
    -1px -1px 0 #ffffff, 
    1px -1px 0 #ffffff, 
    -1px 1px 0 #ffffff, 
    1px 1px 0 #ffffff; 
} 

html.ie7 #myelement, 
html.ie8 #myelement, 
html.ie9 #myelement { 
    background-color: white; 
    filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1); 
    zoom: 1; 
}