将动画后备翻译为位置

Question

当前我使用的元素有position: absolute用于过渡，但我应该使用translate来代替。 translate不可用时如何实现后备？

Answer 1

最后，我在做什么是我检查，如果CSS3特性与JS支持。如果没有，我已将类别.fallback附加到身体上，因此我可以制定单独的规则作为后备。我已添加如下内容：

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

Answer 2

没有任何附加信息，我假设您想在可用时使用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