Html 镀铬重影上的CSS过渡宽度

此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），当宽度恢复到80像素时

这个问题在Safari上不存在

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

---

mjohnst.com就是这个网站。

因为我不能测试它，我假设问题是about元素下的背景图像

尝试删除背景图像，并测试是否出现问题。这样你就更接近解决方案了

我举了一个例子。标记如下所示：

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

更新#1

---

很抱歉，我无法在Mac OS上测试它，为了不在黑暗中拍摄，请看类似的问题，然后从那里尝试所有可能的方法。

由于我无法测试它，我假设问题是about元素下的背景图像

尝试删除背景图像，并测试是否出现问题。这样你就更接近解决方案了

我举了一个例子。标记如下所示：

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

更新#1

---

很抱歉，我无法在Mac OS上测试它，为了不在黑暗中拍摄，请看类似的问题，然后从那里尝试所有可能的方法。

我认为您是对的，您提供的示例效果很好。如何解决背景图像的问题？mjohnst.com如果你想看我在动画元素上尝试了

-webkit transform:translateZ（0）

，我想闪烁（我在chrome上也有，但几乎看不到）消失了…你在更新中提供的链接给了我答案。我必须添加

-webkit背面可见性：隐藏

to my

body{background image:url（…）；}

csi我想你是对的，你举的例子很好。如何解决背景图像的问题？mjohnst.com如果你想看我在动画元素上尝试了

-webkit transform:translateZ（0）

，我想闪烁（我在chrome上也有，但几乎看不到）消失了…你在更新中提供的链接给了我答案。我必须添加

-webkit背面可见性：隐藏到我的
正文{背景图像：url（…）；}
CSS