我创建了一个有点愚蠢的网站，向您展示世界上任何城市的预期天气预报。在基于webkit的浏览器上，当天气晴朗时，会出现带有CSS3动画旋转阳光的太阳。这适用于Chrome。
一个例子（晴天，目前）页面是： http://willitraintoday.co.uk/iceland/reykjavik/
但是，在Mac Snow Leopard上的Safari 4或5中查看时，当太阳出现时，天空背景会出现在它上面。 Weirder仍然，当包含广告的云在天空中移动时，它会压缩主要文本。当云到达左边缘时，文本显示比正常情况更宽，并再次开始压缩。
我试过了： - 禁用CSS3动画;它在Safari中运行良好 - 杂乱各种元素的z指数;无济于事
我的Javascript或CSS是否有问题，或者硬件加速的雪豹Safari在这种情况下是否已被破坏？
似乎没有在Leopard上的Safari 4中发生过，但我没有Leopard来测试自己。
感谢任何意见！
答案 0 :(得分：0)
在z-index:30000;和img#sun-rays设置img#sun-face对我有用。 Safari 5。