Chrome将无法正确显示CSS过渡。我该如何解决这个问题？ [英] Chrome won't display CSS transitions properly. How can I fix this?

问题描述

我创建一个静态的网站，我试图把上的按钮，背景颜色过渡。我检查我的code几次，然后我意识到，这不是我的code。整个浏览器显示CSS过渡不佳。有些人不动画可言，有的只显示最初和最后阶段后，我对他们的点击几次。我试图访问从我的电脑，并从不同的计算机相同的网站，我敢肯定这是我的浏览器的错。

I am creating a static website and I tried putting a background-color transition on a button. I checked my code several times and then I realized that it's not my code. The whole browser displays CSS transitions poorly. Some don't animate at all, some only show the initial and final stage after I click on them several times. I tried visiting the same sites from my computer and from different computers and I'm sure it's my browser's fault.

我清空缓存并删除了饼干。我能做些什么来解决这个问题？

I emptied the cache and deleted the cookies. What can I do to fix this problem?

编辑：这是我的code

<p id="more"><a href="#">Read more</a></p>

#more a {
    display: block;
    width: 100px;
    padding: 5px 10px;
    border-left: 2px solid #1bb2b2;
    margin-top: 10px;
    background-color: white;
    transition: background-color 2s ease-in-out;
    -moz-transition: background-color 2s ease-in-out;
    -webkit-transition: background-color 2s ease-in-out;
    -o-transition: background-color 2s ease-in-out;
}

#more:hover a { color: white; background-color: #1bb2b2;}

EDI2：刚刚下载Firefox和我的网站上，并在每一个其他网站的工作完美的过渡。什么是错我的Chrome？

EDI2: Just downloaded Firefox and the transition on my site and on every other site work perfectly. What is wrong with my Chrome?

推荐答案

这似乎是一样的铬的问题451756 以及我在这个问题<问同一个问题/一>

This seems to be the same as chromium issue 451756 and the same issue that I asked about in this question.

这似乎是固定的Chrome版本40.0.2214.115。

It appears to be fixed in Chrome version 40.0.2214.115.

这篇关于Chrome将无法正确显示CSS过渡。我该如何解决这个问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！