2010-06-09 34 views
1

我创建了一个有点愚蠢的网站,向您展示世界上任何城市的预期天气预报。在基于webkit的浏览器上,当天气晴朗时,出现CSS3动画旋转阳光的太阳。这在Chrome上运行良好。在Safari 4&5中硬件加速的CSS3破解了,还是我的CSS和JS?

一个例子(晴天,此刻)页是: http://willitraintoday.co.uk/iceland/reykjavik/

然而,在Mac雪豹,在Safari 4或5观察时,当太阳出现天空背景出现在其上。 Weirder仍然是,因为包含广告的云在天空中移动,它压缩了正文。当云到达左边缘时,文字会比正常情况变宽,并开始再次压扁。

我试过了: - 禁用CSS3动画;它可以在Safari中正常工作 - 处理各种元素的z-index;无果

有没有什么东西与我的JavascriptCSS,或者是在这种情况下破碎的硬件加速雪豹Safari?

Leopard上的Safari 4似乎不会发生这种情况,但我没有Leopard来测试自己。

感谢您的意见!

回答

0

设置z-index:30000;img#sun-raysimg#sun-face适合我。 Safari 5.