1

将鼠标悬停在每个功能区上,svg 将改变颜色。一切似乎都很好:)

http://codepen.io/anon/pen/qEILH

但是,只有第一个色带给出了正确的结果,其他的似乎在颜色转换发生之前有延迟,它们之间的唯一区别是 href 的值。

为什么是这样???

这似乎只是 Chrome 上的一个问题。

4

1 回答 1

0

您是在谈论从灰色到白色的过渡吗?你用的是哪个版本的IE?

尝试将 .ico svg 选择器更改为:(删除额外的过渡持续时间,或将其设置为 0)

 .ico svg {
    position: relative;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0s; 
    fill:inherit;
 }

我认为这可能与您的其他浏览器不了解过渡持续时间有关。但 Chrome 确实如此,因此它增加了额外的 0.3 秒,导致延迟。

于 2013-06-30T05:18:40.803 回答