当前我使用的元素有position: absolute
用于过渡,但我应该使用translate
来代替。 translate
不可用时如何实现后备?将动画后备翻译为位置
2
A
回答
0
最后,我在做什么是我检查,如果CSS3特性与JS支持。如果没有,我已将类别.fallback
附加到身体上,因此我可以制定单独的规则作为后备。我已添加如下内容:
#animdiv{
transform: translate(0,100px);
}
.fallback #animdiv{
top: 100px;
}
1
没有任何附加信息,我假设您想在可用时使用translate
,如果不可用,请使用position: absolute
。我找到了一篇优秀的文章,列出了优点和缺点,并可能解决您的一些问题。
http://paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/
展望未来,你可能想看看进入的Modernizr库,因为它提供真棒工具,让你的尖端功能旧版浏览器上运行良好。我已经发布了一个链接到下面的CSS文档。
相关问题
- 1. 在CSS3翻译动画之后获取元素的新位置?
- 2. 翻译后获取图像的绝对位置动画
- 3. 将动画从位置Y翻译到屏幕顶部
- 4. 翻译动画
- 5. 动画翻译多次后,将Android视图保留在新位置?
- 6. Android翻译动画动画
- 7. 翻译动画未显示视图重量后设置为零
- 8. 通过位图像Goibibo翻译动画
- 9. SVG动画翻译
- 10. Android翻译动画
- 11. Android翻译动画
- 12. Android翻译动画移动到绝对位置
- 13. Android动画:如何在翻译后批注中将ImageView的布局坐标设置为已翻译的ImagiveView
- 14. HTML画布,规模后鼠标位置和翻译
- 15. HTML5画布:缩放和翻译后计算鼠标位置
- 16. 在对象后面翻译动画
- 17. View.GONE不工作后,翻译动画
- 18. 动画翻译滚动
- 19. CakePHP 1.3后备翻译
- 20. 在翻译动画中跟踪UIView的位置
- 21. 如何拖动屏幕上的按钮并将翻译动画从当前位置移动到原始位置?
- 22. 使用翻译动画将视图从一种布局翻译为另一种
- 23. 翻译CSS动画WPF动画
- 24. 如何动画CSS翻译
- 25. Nativescript无限翻译动画
- 26. UIVIew动画 - 缩放+翻译
- 27. 在Firefox中翻译动画
- 28. 替代翻译动画
- 29. 在android中翻译动画
- 30. Bing地图动画翻译