2010-06-09 2 views
1

나는 세계의 어떤 도시에 대한 예상 일기 예보를 보여주는 어리석은 사이트를 만들었습니다. 웹킷 기반 브라우저에서 날씨가 맑을 때 CSS3 애니메이션 회전 된 태양 광선이있는 태양이 나타납니다. Chrome에서 정상적으로 작동합니다.Safari 4 & 5의 하드웨어 가속 CSS3가 깨졌습니까? 또는 CSS와 JS가 깨졌습니까?

예 (써니, 순간) 페이지입니다 : 맥 스노우 레오파드 (Snow Leopard)에 사파리 4, 5에서 볼 때 http://willitraintoday.co.uk/iceland/reykjavik/

그러나 태양은 하늘 배경 위에 나타납니다 나타납니다. 여전히 광고가 들어있는 구름이 하늘을 가로 질러 움직이는만큼, 더 이상 이상하지 않다. 구름이 왼쪽 가장자리에 도달하면 텍스트가 보통보다 넓게 나타나고 다시 아래로 스쿼시가 시작됩니다.

시도 : - CSS3 애니메이션을 사용하지 않도록 설정했습니다. Safari에서 잘 작동합니다. - 다양한 요소의 z- 인덱스를 저글링합니다. 아무 소용이 없습니다

Javascript 또는 CSS으로 뭔가가 있습니까, 아니면 하드웨어 가속 Snow Leopard Safari가이 경우에 깨졌습니다?

Leopard의 Safari 4에서는 발생하지 않는 것 같지만 Leopard는 더 이상 테스트 할 필요가 없습니다.

의견에 감사드립니다!

답변

0

z-index:30000;img#sun-raysimg#sun-face으로 설정하면됩니다. 사파리 5

관련 문제