moz css 텍스트 섀도우 해킹

Mozilla 브라우저에서만 텍스트 그림자를 만들려고합니다. (나는 이것을 사용하고있는 글꼴 문제에 대한 해결책으로 이것을 사용하고있다.)moz css 텍스트 섀도우 해킹

나는 -moz-text-shadow을 시도했지만, 이제는 없어졌으며 더 이상 moz 확장자가 필요하지 않은 것으로 보인다. 하지만 IE와 Webkit이 텍스트 그림자를 사용하는 것을 원하지 않습니다.

왜 -moz 기능이 제거 되었습니까?

2012-02-16 user1171523

그것은 이상한 요구 사항입니다. 다른 브라우저에서 같은 것을 렌더링하지 못하게하는 이유를 설명해 주시겠습니까? 나에게는 항상 모든 브라우저가 똑같이 동작하도록 고심하고 있었다. 와 함께 일하고 있기 때문에 파이어 폭스는 폰트를 렌더링 할 때 최악의 작업을했기 때문에 그들 자신이 목적에 따라 다르게 행동하도록 고려한 적이 없습니다. (그들 자신도 많이 잘합니다.) – Amadan

. 나는 svg를 사용하도록 크롬을 강요했지만 훌륭하게 보였으 나 근심은 파이어 폭스를 끔찍하게보고있다. – user1171523

그렇다면 글꼴 문제 일 가능성이 높습니다. Firefox에서는 문제가 아닙니다. 제 경험상 Firefox와 IE9는 Windows에서 글꼴을 렌더링하는 데 가장 적합합니다. – BoltClock

당신은 같은 CSS 해킹을 사용하여 단독 FF를 타겟팅 할 수 있습니다 :

body:not(:-moz-handler-blocked) a { background-color: red; }

빠른 데모 : http://jsfiddle.net/DxjeL/

상자가 다른 모든 브라우저 파이어 폭스 빨간색과 파란색해야합니다.

보낸 사람 http://paulirish.com/2009/browser-specific-css-hacks/

출처

2012-02-16 19:56:10

Perfect - Thank you! – user1171523

와우 .. 그게 해결책이야 .. –

거친 예 :

text-shadow: 0 0 transparent; 
-webkit-text-shadow: 0 0 transparent; 
-khtml-text-shadow: 0 0 transparent; 
-moz-text-shadow: 1px 1px #ff0000;

출처

2012-02-16 17:50:15

질문을 읽지 않았습니다. – BoltClock

moz 전용 버전을 사용하려면 먼저 텍스트 그림자를 사용해야한다는 말입니까?이미 CSS 클래스에서 -moz-text-shadow를 시도해 보았지만 작동하지 않지만 moz 확장을 삭제하면 모든 브라우저에서 작동합니다. 이는 내가 원하는 바가 아닙니다. – user1171523

-moz는 -webkit가, -o, 브라우저 접두사라고 -ms. 속성을 완전히 지원하지 않는 브라우저에 사용되었습니다. 현재 8을 제외한 모든 최신 브라우저는 텍스트 그림자 속성을 지원합니다. 자바 스크립트를 사용하여 브라우저를 감지하고 텍스트 그림자 속성을 추가하면 Firefox에만 텍스트 그림자를 추가 할 수 있습니다.

출처

2012-02-16 17:57:57

그래, 정말이 유일한 방법은 다음 그냥 건너 뛰고 그냥 더 나은 글꼴을 찾으십시오 감사합니다. 정말 이런 식으로 자바 스크립트를 사용하고 싶지 않아. 감사합니다. – user1171523

moz css 텍스트 섀도우 해킹

답변

관련 문제