CSS 头痛(一个 :hover) with Chrome browser.

Question

我的元素在 Chrome 中无法正常工作(鼠标悬停在图标上不起作用)。但是，firefox 显示正常。

http://i.stack.imgur.com/gpDHx.jpg

Codepen 源代码 http://codepen.io/anon/pen/lzkAb

我真的很感激任何帮助的人!你会节省我谷歌搜索的时间谢谢!

Answer 1

transform 属性在 chrome 中尚不可用。您还需要在悬停上使用 -webkit-transform，如下所示:

.opentime .timelineopening li .roundbox:hover { 
   transform: scale(1.15) ! important;
  -webkit-transform: scale(1.15) ! important;
  transition: all 250ms ease-in-out 0s ! important; 
}

(实际上，这段代码在你的 codepen 上帮了我的忙)。

此外，不建议使用如此复杂的选择器结构，也许简单的 .roundbox:hover 就可以了？