在Safari Vs Chrome上{CSS}轻松转换

Question

在Chrome上查看我的网站然后进行safari。稍微滚动一下，看看顶部的横幅过渡。

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;
}

这非常令人尴尬......在chrome和firefox中，轻松过渡中没有跳过单个像素。但是在Safari上它很可怕......链接也是扬声器页面，这是最糟糕的但是关于页面要好得多......这也很奇怪。

我发现很多网站都在解释原因......我不在乎......有没有人能做些什么试着让它变得更好？

谢谢！

Answer 1

使用＆＃39; all＆＃39;某些Safari可能会遇到问题。我相信。在定位safari浏览器时，请尝试使用＆＃39; all＆＃39;实现你的效果。

了解详情： http://joelglovier.com/writing/solution-for-css-transitions-crashing-safari