将动画后退转换为位置

Question

目前我正在使用带有position: absolute的元素进行转换，但我应该使用translate代替。如果translate不可用，如何实现后备？

Answer 1

如果没有任何其他信息，我假设您希望在可用时使用translate，而在不可用时使用position: absolute。我找到了一篇很好的文章，列出了优点和缺点，可能会解决你的一些困境。

http://paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/

展望未来，您可能需要查看modernizr库，因为它提供了很棒的工具，可以让您的尖端功能在旧浏览器上运行良好。我已经发布了以下CSS文档的链接。

http://modernizr.com/docs/#features-css

Answer 2

最后，我在做的是检查JS是否支持CSS3功能。如果没有，我已将.fallback课程附加到正文中，以便我可以制作单独的规则作为后备。我已添加如下内容：

#animdiv{
    transform: translate(0,100px);
}
.fallback #animdiv{
    top: 100px;
}