JQuery Pulsate - Firefox의 이상한 동작

Firefox를 사용할 때 가장자리가 거친 JQuery를 사용하여 일부 텍스트를 맥동 상태로 만들려고합니다. 문제를 격리하려고했는데 CSS를 사용하여 텍스트 색상을 빨간색으로 변경할 때 발생합니다. . 마치 검은 색의 조각이있는 것처럼 보입니다. 다른 브라우저에서는 IE에서도 작동하므로 지금은 조금 혼란 스럽습니다. 코드는 다음과 같습니다.JQuery Pulsate - Firefox의 이상한 동작

<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script> 
<script> 
    $(document).ready(function() { 
    $(".blink").effect("pulsate", { times:100 }, 2000);   
    }); 
    </script> 
</head> 
    <body> 
    <div class="blink"> 
     <p style="color:red;">The text to be pulsated</p> 
    </div> 
    </body>

출처

2010-07-26 Rene

코드가 올바르지 않으므로 아무 잘못 없습니다. jQuery를 사용하여 텍스트를 맥동/애니메이트하는 몇 가지 다른 기술을 시도하면서 정확한 문제를 복제 할 수있었습니다. 그냥 파이어 폭스가 까다로운 것 같아. 글꼴 두께를 늘리면 문제가 악화됩니다. – Stephen

이것은 아마도 글꼴 다듬기와 관련이 있습니다. 또는 – cdutson

cdutson의 의견을 살펴본 후 빠른 연구를했습니다. 파이어 폭스와 같은 다른 응용 프로그램이 시스템 설정을 사용하는 반면 IE는 기본적으로 "ClearType"을 사용하는 것처럼 보입니다. Windows의 디스플레이 설정을 열고 "고급"을 선택하면 "효과"에 대한 설정이 표시됩니다. 이 설정을 ClearType으로 변경하면 FF를 비롯하여 시스템 전반에 걸쳐 더 멋진 글꼴을 볼 수 있습니다.

문제를 테스트 할 때 ClearType을 사용할 수 있었고 맥동시 빨간색 텍스트 주위가 약간 검은 색으로 보일 수 있었지만 ClearType을 사용하지 않고 예제를 다시 시도했을 때와 같이 나빴던 것은 아닙니다. 그래서 그것이 당신을 도울 수 있습니다.

반면에 ClearType이 활성화되지 않은 사용자에게는 여전히 안 좋은 것으로 이해해야합니다.

출처

2010-07-27 12:05:03 Stephen

도움을 주셔서 감사합니다. ClearType은 분명히 Win7에서 완전히 꺼놓은 상태에서 애니메이션을 사용했을 때와 관련이 있습니다. 다른 모든 것은 더 나 빠졌다. 그래서 기본적으로 이것은 Firefox 버그처럼 보입니다. IE, Chrome, Opera가 동일한 PC에서 애니메이션을 렌더링하기 때문입니다. – Rene

JQuery Pulsate - Firefox의 이상한 동작

답변

관련 문제