將動畫後備翻譯爲位置

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