Safari Vs Chromeで簡単にCSSを切り替える

Question

クロムとサファリで自分のサイトをチェックしてください。スクロールしたときの上部のバナートランジションを見てください。

https://www.successpartnersuniversity.com/speakers

nav{ 
    -webkit-transition: all 0.4s ease-in-out; 
    -moz-transition: all 0.4s ease-in-out; 
    -o-transition: all 0.4s ease-in-out; 
    -ms-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out; 
} 

これは、クロムとFirefoxではなく、単一のピクセルを容易遷移にスキップされ...かなり厄介です。しかし、Safari上では恐ろしいです...リンクはあまりにもスピーカーページですが、最悪ですが、ページについてはかなり良いです..それはまた奇妙です。

私はなぜ多くのサイトを見つけました...私は気にしません...誰も私はそれをより良くしようとすることができますか？

ありがとうございます！

Answer 1

特定のSafariで「all」を使用すると問題が発生することがあります。サファリブラウザをターゲット設定しているときは、効果を達成するために 'all'の代わりに使用してみてください。

読む：http://joelglovier.com/writing/solution-for-css-transitions-crashing-safari