【问题标题】:Transition bug in chromechrome中的过渡错误
【发布时间】:2015-04-19 07:49:07
【问题描述】:

而且,在我的一个应用程序中,客户端在最新版本的 chrome 中出现了转换错误 - 当他加载页面时,css 转换根本不起作用,然后,当他滚动或做一些不同的事情时一些时间转换重新开始,一段时间后它们不再工作(Video of it)。过渡示例:

 -webkit-transition: all .3s linear;
 -moz-transition: all .3s linear;
 -ms-transition: all .3s linear;
 -o-transition: all .3s linear;
 transition: all .3s linear;

还有site 本身。 附言我无法在我的电脑或我可以访问的任何电脑上重现错误,但客户端在 5 台电脑中的 2 台上有它。任何帮助将不胜感激。

【问题讨论】:

  • 客户端的平台可能不同?以 Mac 为例?
  • @Morpheus Nop,都是窗户。

标签: css google-chrome css-transitions


【解决方案1】:

我在您的样式表中看到您在 :after 伪选择器上设置了 :hover 选择器,
例如。 (第 468 行 style.css):

 .news ul li a:hover:after 

在某些可能无法正常工作的 chrome 版本上,要使其正常工作,您需要自行声明悬停;

尝试:

 .news ul li a:hover {} 
 .news ul li a:hover:before { /* This works (needs :hover declared) */ }

我无法自行重现该错误,因为我相信这已在新的 chrome 版本上得到修复_

【讨论】:

  • 谢谢,我会试试的,但问题不仅是伪元素转换不起作用,而且所有转换都不起作用,即使是heightborder-radius。并且客户端有最新的 chrome,所以如果它是旧版本的错误,可能不是它。
  • 如果他仅在某些 PC 上遇到此问题,它们可能不会全部更新,请尝试并让我知道它是否修复了它。..
【解决方案2】:

我们有 50 台计算机中有两台也有这个 Chrome 错误。

https://code.google.com/p/chromium/issues/detail?id=451756

这已在版本 40.0.2214.115 中修复

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-07-18
    • 2020-12-07
    • 2013-06-23
    • 2013-06-02
    • 1970-01-01
    • 2015-10-17
    • 2017-08-03
    • 2013-02-28
    相关资源
    最近更新 更多