溢出问题:隐藏在Chrome中的鼠标悬停上



这里有一个jsfiddle说明了我的问题:http://jsfiddle.net/snorthway/TP55F/6/

它在Firefox中运行良好,但在Chrome中,如果鼠标悬停,蓝色div会突然溢出圆圈,并在鼠标悬停时保持不变。我在鼠标悬停上所做的就是添加一个类,使颜色更亮。

我试着把!important放在overflow:hidden上,但没有成功。我也试着按照这个答案中的建议做position:relative。我也把这两个东西都放在.hov类中(在鼠标悬停时添加,在鼠标悬停后删除),仍然没有。

另一件奇怪的事情是,若我在Chrome中检查元素,它就会恢复正常。就像在中一样,如果我打开检查器,将鼠标悬停在圆圈上,然后将鼠标移动到检查器的任何位置,溢出就会消失。

overflow: hidden;放入.incomplete样式定义中。

最新更新