【发布时间】：2011-03-01 14:03:14
【问题描述】：
我创建了一个有点傻的网站，可以向您显示世界上任何城市的预期天气预报。在基于 webkit 的浏览器上，当天气晴朗时，会出现带有 CSS3 动画旋转阳光的太阳。这在 Chrome 上运行良好。
一个示例（目前是晴天）页面是： http://willitraintoday.co.uk/iceland/reykjavik/
但是，在 Mac Snow Leopard 上的 Safari 4 或 5 中查看时，当太阳出现时，天空背景会出现在其上方。更奇怪的是，当包含广告的云在天空中移动时，它会挤压正文。当云到达左边缘时，文本看起来比正常情况更宽，并再次开始向下挤压。
我试过了： - 禁用 CSS3 动画；它在 Safari 中运行良好 - 处理各种元素的 z-index；无济于事
我的Javascript 或CSS 有什么问题，或者硬件加速的雪豹 Safari 在这种情况下坏了？
在 Leopard 上的 Safari 4 中似乎不会发生这种情况，但我已经没有 Leopard 来测试自己了。
感谢任何意见！
【问题讨论】：
标签： javascript jquery animation css