CSS3 Transition（Vendor Prefixes）立即崩溃Safari

Question

这是我正在处理的项目（代码被复制除了名称已更改等）

https://c9.io/schwigri/strange-crash/workspace/index.html

div #logo的风格为：

#logo {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

这会导致OS X 10.8.5上的Safari 6.0.5立即崩溃。 如果我删除这些转换，它不会崩溃。

如何解决此问题？

Answer 1

Safari有时会遇到all - 属性转换。

试试这个：

#logo {
    -webkit-transition: color .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

修改：再次使用它之后，实际上是您使用-webkit-transition: all和-webkit-calc()导致问题的组合。这是Safari中的一个错误，为了克服它，您可能需要使用javascript来计算您的上边距而不是CSS。

希望这有帮助！