当css中的animation无法正常工作时，往往是因为元素缺少合适的定位上下文，即未设置position属性为absolute或relative。下面通过具体示例来演示如何排查并修复animation不触发的问题，从而掌握其正确应用方式。

1、 打开已编写好动画样式的HTML文件，在浏览器中运行后，发现预期的动画效果并未出现，或呈现异常行为。

2、 动画特性对静态、无定位上下文的元素不会生效。

3、 为该元素添加position: absolute后，animation立即恢复正常表现。

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

4、 同样地，将position设为relative，也能使animation属性顺利起效。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！