html - Chrome 重影上的 CSS 过渡宽度

Question

此 css 在悬停时将宽度从 80px 更改为 120px:

-webkit-transition: width .5s ease, color .5s ease, background .5s ease;
-moz-transition: width .5s ease, color .5s ease, background .5s ease;
-o-transition: width .5s ease, color .5s ease, background .5s ease;
transition: width .5s ease, color .5s ease, background .5s ease;

导致这个问题:

在 Chrome 上(Mac 上为 24.0.1312.57)当宽度返回到 80px 时。

问题不存在于 Safari 上。

这是一个已知问题，还是有办法解决这个问题？

mjohnst.com 是网站。

Answer 1

由于我无法对其进行测试，因此我认为问题出在 about 元素下的背景图像。

尝试删除背景图片并测试这是否会给您带来问题。然后您将更接近解决方案。

我在 jsfiddle 上举了一个例子.标记看起来像这样:

<div class="image">
    <div class="trans">
        <a href="#">About</a>
    </div>  
</div>

更新 #1

抱歉，但我无法在 Mac OS 上测试它，也不能在黑暗中拍摄，请参阅类似问题并从那里尝试所有可能的方法 Link .