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

Question

这个 CSS 在悬停时将宽度从 80 像素更改为 120 像素：

-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）上，当宽度返回 80 像素时。

Safari 上不存在此问题。

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

mjohnst.com 是网站。

Answer 1

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

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

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

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

更新#1

抱歉，但我无法在 Mac OS 上对其进行测试，并且不要在黑暗中拍摄，请查看类似的问题并从那里尝试所有可能的方法Link。