2012-09-07 3 views
1

CSS3 애니메이션은 WIN7 WINXP Ubuntu 12.04 및 Debian Squeeze의 Opera Firefox 및 Safari에서 잘 작동합니다. Chrome에서는 WIN 7 (Chrome 21.1.1180.89m) 및 Ubuntu12.04에서 문제가 없습니다. (21.1.1180.89) WINXP 및 Debian Squeeze에서 동일한 버전을 사용하지 않음).CSS3 전환 크롬 및 winxp/debian

간단한 예제 (소스보기)가 포함 된 http://www.hiddenwell.org.uk 데모 사이트를 참조하십시오.

개체는 주어진 단어 위로 마우스를 가져 가면 한 문장을 이동하고 (다른 하나를 회전시키는 것입니다.) Win XP와 Debian에서 처음으로 "마우스를 올리면"아무 것도 나타나지 않지만 두 번째 "마우스를 올리면"애니메이션이 활성화됩니다. 문제가 다시 시작될 때까지 캐시가 새로 고침 될 때까지 모두 괜찮습니다. Win7과 Ubuntu를 사용할 때 다른 브라우저와 Chrome을 함께 사용하면 처음부터 제대로 작동합니다.

동일한 상황이 페이지 로딩에서 시작되는 또 다른보다 복잡한 애니메이션과 함께 발생합니다. 여기서 @keyframes 함수를 사용하여 애니메이션을 구동합니다. 이 경우 Chrome (WIN XP 및 Debian)의 경우 화면이 정지되고 애니메이션을 얻으려면 "새로 고침"해야합니다. 그것은 나열된 다른 모든 시나리오에서 처음으로 작동합니다.

누구나 어떤 아이디어?

답변

0

크롬 XP의 베타 버전이 WIN XP 및 데비안 스퀴즈 (즉, 버전 23.0.1271.17 베타)에서 사용할 수있는 문제가 해결되었습니다.

Chrome 팀이이를 정렬 해 주셔서 감사합니다.

1 주일 정도 내 웹 사이트에 미니 데모를 남겨두기 때문에 다른 사람들이 효과를 볼 수 있습니다.

(위에서 설명한 더 복잡한 애니메이션으로도 문제가 해결됩니다. 최신 CSS3/애니메이션 기법을 사용할 수있는 다른 웹 사이트를 개발할 수 있습니다)