chrome 中的转换错误

Question

到目前为止，在我的一个应用程序中，客户端在 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 本身。 P.S。我无法在我的电脑或我有权访问的任何电脑上重现错误，但客户端在 5 台电脑中的 2 台上有它。任何帮助将不胜感激。

Answer 1

我在你的样式表中看到你 :hover 选择器设置在 :after 伪选择器上，
for ex。（第 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 版本上修复的_

Answer 2

我们五十台电脑中有两台也有这个 Chrome 错误。

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

这已在版本 40.0.2214.115 中修复

chrome 中的转换错误

Transition bug in chrome

css

google-chrome

css-transitions