2012-06-15 3 views
1

나는 내가 디자인 한 사이트에서 다소 이상한 문제가 있습니다. 링크에서 또는 링크에서 마우스를 가져갈 때마다 링크 요소와 경우에 따라 부모가 흰색으로 빠르게 깜박입니다. 이것은 전환 효과가 있거나 전환 색상이 다른 링크뿐만 아니라 모든 링크에서 발생합니다. FF에서는 모든 것이 잘 작동합니다. 또한 흰색은 몸의 bgcolor가 아닙니다.크롬이 달린 흰색 플래쉬/깜박임

더욱 신비한 것은 내가 사이트를 변경하지 않았기 때문입니다. 난 단지 .. 크롬을 업데이트

내가 너무 이미지를 게시하지만 난에 허용되지 않아 새 사용자, 가야를 나처럼 링크로 할 것

: 이것은 큰 클래스에 의해 발생 http://www.planetoidi.com/temp/hover.jpg

+0

이 더 잘 이해 – sandeep

+1

에 대한 귀하의 코드를 공유하시기 바랍니다 내가의 어떤 부분 모른다 여기에 붙여 넣기 코드. 문제는 모든 페이지에 나타나며 텍스트를 선택하고 선택을 해제 할 때도 흰색으로 깜박입니다. 어쨌든 다음은 요소의 기본 코드입니다. 'a { -webkit-transition : all 0.3s ease; -moz-transition : 모든 0.3s 용이함; -ms-transition : 모든 0.3s 용이함; -o-transition : 모든 0.3s 용이함; 전환 : 모든 0.3s 용이함; } a : a : { color : $ link; 텍스트 장식 : 없음; }' 끔찍한 서식을 사용하여 죄송합니다. 줄 바꿈을 찾으려고합니다. – ninjapiraatti

+0

이전에 만든 사이트 중 일부를 체크 아웃 한 후 일부는 동일한 증상 (이전에 결코 본 적이 없었 음)을 표시합니다. 그런 다음 일부 사이트는 정상적으로 작동하므로 내 지식이 무엇인지 알아야합니다. – ninjapiraatti

답변

2

가속화 된 렌더링으로 전환하거나 가속화 된 렌더링에서 전환 할 때 플래시에 버그 (버그에 따라 흰색 또는 검은 색)가 표시되는 Chrome 버그 이는 비 호버 (non-hover) 상태에서 CSS로 전환 할 때 호버 (hover)에서 발생할 수 있습니다.

해결 방법은 요소의 기본 상태가 가속 렌더링을 사용하는지 확인하는 것입니다. 한 가지 방법은 (: 호버 선택기없이) : 당신의 요소에 대해 다음과 같은 규칙을 추가하는 것입니다

-webkit-backface-visibility: hidden;

출처 : http://www.sitepoint.com/fix-chrome-animation-flash-bug/

관련 문제