Chrome重影上的CSS过渡宽度

时间:2013-02-13 01:05:59

标签: html css css-transitions

此hss在悬停时将宽度从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;

导致此问题:

enter image description here

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

Safari上没有问题。

这是一个已知问题,还是有办法解决这个问题?

mjohnst.com是该网站。

1 个答案:

答案 0 :(得分:1)

由于我无法测试,我认为问题是 about 元素下的背景图片。

尝试删除背景图像并测试是否存在问题。然后你会更接近解决方案。

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

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

更新#1

很抱歉,我无法在Mac OS上测试,也不能在黑暗中拍摄,看到类似的问题并尝试所有可能的方法Link