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 のバグです。これを克服するには、CSS の代わりに JavaScript を使用してトップ マージンを計算する必要がある場合があります。

お役に立てれば！

于 2013-10-02T07:01:49.653 に答える