문제 인/아웃 파이어 폭스

Question

에서 이미 행운으로 여기었지만, 그것을 읽어 주시기 바랍니다 :

http://www.crtaci.info/

:

http://groups.google.com/group/jquery-en/browse_thread/thread/fdf7a584b30d4bb9

흠 내 사이트를 체크 아웃 오른쪽 상단 위치에

검색 필드가 있습니다. 당신이 거기에 마우스 를 이동하면 작은 텍스트는 말한다 나타난다 :

Napredna의 pretraga

를 이제 그 편지는 FF 3.5 및 일부 시간 매우 짧은 기간 동안 노란색 좋아하는 색상을 변경 몇 가지 이유 승리를위한 사파리 4.0.2의 이상한 색. ie8, 오페라와 크롬에서 그것은 단지 의 방법으로 작동합니다. 애니메이션 중에 하얀 글자가 흰색으로 남아 있어야합니다.

모든 요망?)

$('#header_search').hover(function() { 
$('#naprednaPretraga').stop({clearQueue:true}).show().animate({"opacity" : 1},500); 
}, function(){ 
$('#naprednaPretraga').stop({clearQueue:true}).animate({"opacity" : 0},500,function() { 
    $('#naprednaPretraga').hide(); 
}); 
}); 

Answer 1

나는 당신이 무슨 말을하는지 볼 수 있습니다 여기에

이 일을 할 수있는 기능입니다. 내 컴퓨터 (Vista Business 32-bit, FF3.5)에서는 페이드 동안 나타나는 황색이 알파 블렌딩 된 텍스트에 작용하려고하는 ClearType과 흰색으로 페이딩하는 조합으로 인해 나타나는 것처럼 보입니다. 파란색 배경을 통해 텍스트입니다. 나는 white + blue! = yellow를 안다.하지만 OS와 결합 된 투명 텍스트를 렌더링 할 때 FF가 무엇이든지간에, bazillion 다른 것들이 노란색으로 보일 수있다.

내 컴퓨터에서 ClearType을 끄면 황색이 사라지거나 적어도 눈에 띄지 않습니다.

JavaScript 코드로 제어 할 수 없지만 다른 사람들이 제안한 것을 시도해 볼 수 있습니다. 텍스트를 계속 표시하고 배경과 일치하는 파란색에서 색이 바래서 사라집니다.

Answer 2

발생해야하는 몇 가지 수정 사항이 있습니다 - 이것은 IE7에서만 거의 나타나지 않고 IE8에서는 거의 나타나지 않는 IE 전용 버그입니다.

이 사이트는 그들을 제거하기 위해 좋은 지침을했다 : jQuery HowTo - Blogspot

그것의 요점은 다음과 같습니다 - 페이드 효과 을받는 요소에 일치하는 배경 색상을 추가 - 일단 필터 속성을 제거 요소가 희미 해졌습니다.

Answer 3

실제로 파이어 폭스 (카이로) 버그 https://bugzilla.mozilla.org/show_bug.cgi?id=363861은 3 년 반 전에보고되었습니다. 아직 해결되지 않았습니다.

불투명도가 1 또는 0이 아닌 텍스트를 jQuery 또는 JavaScript뿐 아니라 CSS와 함께 이상하게 색칠 된 후광을 만듭니다. 특정 색상으로 눈에 띄지 않습니다. 1 (.9999)에 가까운 값으로 악화 된 것 같습니다.

Answer 4

FF 3.5.9에서 드롭 다운 메뉴가 사라져 버렸습니다. 방금 부모 컨테이너에 배경색을 추가하여 수정했습니다.

Answer 5

실제 텍스트 요소에 배경색을 지정하면이 문제가 해결됩니다.

텍스트 뒤에 이미지가 있으면 원거리 배경과 일치하는 텍스트 요소의 배경 이미지를 만듭니다.