css - 将动画回退到位置

Question

目前我正在使用带有position: absolutefor 转换的元素，但我应该使用它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;
}