转换动画后退到位置

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

最后，我所做的是检查是否支持CSS3功能与JS。如果没有，我已经附加了一个.fallback类的身体，所以我可以使单独的规则作为回退。我添加了如下内容:

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