css转换在safari中不起作用

如果你看我的页面，你会看到我的链接上的过渡效果在safari中不起作用（在mac上的最新版本上测试）。我的代码如下：

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

-webkit-transition: 190ms width linear; 

---

问题是什么？

在运行OSX 10.9.1和Safari 7.0.1时，转换似乎对我有效。如果非要我猜的话，这个问题很可能是由于缓存造成的。尝试清除缓存，看看问题是否仍然存在。

似乎Safari有一个bug，并被

transition:all

（或者只是

转换：Xs；

，因为“all”是默认属性）。它甚至使桌面和iOS Safari的某些版本崩溃

解决方案：将其更改为

过渡：颜色0.5s缓进缓出
（或者，当然，任何其他财产，只要确保它不是“全部”。）

这也可能是一个问题，特别是当转换被全局应用于锚定标记时——请阅读更多

更多关于狩猎的信息

对于Safari，请尝试以下方法：

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

-webkit-transition: 190ms width linear; 

如果width表示正在更改的属性，请禁止使用
all
，因为不同的浏览器对此的解释不同，并且可能会导致问题，特别是在Safari浏览器中。
这对我在Safari上很有效……请尝试使用0.5s的所有轻松输入输出0。ios6 ipadThanks需要在末尾添加0，以获得建议，但同样没有区别。我已经尝试清除缓存并重置safari，但仍然不起作用。我还运行OSX 10.9.1和Safari 7.0.1版（9537.73.11）。这很有帮助，谢谢。我还要注意的是，这在不同的样式属性中并不一致——我在MacOS Safari 13.1中遇到了一个错误，如果应用了
transition:all
，Safari将不会重新渲染某些属性，例如
outline
，如果它们是唯一的值正在更改的属性。但是添加其他属性，如
字体大小
将触发重新绘制，所有转换都将被呈现，包括以前忽略的
大纲
；使用您的格式修复了我的Safari buggy动画问题