Question

我有以下脚本：

document.querySelector(".img-man").style.webkitAnimation = "";

哪个正在使用safari 5.1.7但不适用于7.0.2。

后来我改为：

document.querySelector(".img-man").style.webkitAnimation = "none";

现在工作正常。

所以，我很想知道"" and "none"

之间的区别

Answer 1

将属性设置为“none”会显式禁用动画。

Link

Answer 2

“那么现在它在5.1.7中不起作用。所以，我该怎么办？”

“none”无法正常工作的问题也许可以通过使用虚拟名称来解决：

document.querySelector(".img-man").style.webkitAnimation = "dummy";

通过JavaScript完成此操作可以选择：

document.querySelector(".img-man").style.removeProperty('-webkit-animation-name');

行。在我写完之后，OP删除了这部分问题，但留下它可能对他和其他人都有所帮助。

对于财产本身;我们从Safari文档中获取webkit-animation子属性-webkit-animation-name：

<强> -webkit-动画名称


指定动画的名称。


<强>语法
-webkit-animation-name: name [, ...]
<强>参数
  名称



动画的名称。


该名称用于选择-webkit-keyframe at-rule，为动画提供关键帧和属性值。如果名称与-webkit-keyframe at-rule不匹配，则没有要动画的属性，也不会执行动画。有关此规则的说明，请参阅“@-webkit-keyframes”。

    如果“none”，即使存在具有该名称的-webkit-keyframe at-rule，也不会执行动画。将此属性设置为“none”会明确禁用动画。

    默认值为“”。

null string和none之间的区别

2 个答案: