6

这是我正在处理的项目(代码完全复制,除了名称更改等)

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 立即崩溃。如果我删除这些转换,它不会崩溃。

我该如何解决这个问题?

4

1 回答 1

14

Safari 有时会在all-property 转换方面遇到一些麻烦。

尝试这个:

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

编辑:在玩了一些之后,它实际上是你使用的组合,-webkit-transition: all-webkit-calc()就是导致问题的原因。这是 Safari 中的一个错误,为了克服它,您可能需要使用 javascript 来计算您的上边距而不是 CSS。

希望这可以帮助!

于 2013-10-02T07:01:49.653 回答