JS-CSS 时钟跨浏览器兼容性解决方案
这个项目利用 CSS、CSS 动画和 JavaScript 打造了一个时钟。起初,分针无法正常前进,导致秒针在跨过 12 点时跳过几秒,并且分针会向后旋转 90 度。
我找到了问题根源,但发现在 Safari 浏览器中仍然存在问题,这是因为 transform
属性在 Safari 中表现异常。我通过在 JavaScript 中添加前缀解决了这个问题。
进一步研究发现,FireFox 浏览器也存在类似的兼容性问题。为了确保在 Chrome、Safari 和 FireFox 中的完美运行,我最终将 -moz
和 -webkit
添加到所有 transform
和 transition
属性中,并在 JavaScript 中添加了 mozTransform
。
452.55KB
文件大小:
评论区