这里有一个jsfiddle说明了我的问题:http://jsfiddle.net/snorthway/TP55F/6/
它在Firefox中运行良好,但在Chrome中,如果鼠标悬停,蓝色div会突然溢出圆圈,并在鼠标悬停时保持不变。我在鼠标悬停上所做的就是添加一个类,使颜色更亮。
我试着把!important
放在overflow:hidden
上,但没有成功。我也试着按照这个答案中的建议做position:relative
。我也把这两个东西都放在.hov
类中(在鼠标悬停时添加,在鼠标悬停后删除),仍然没有。
另一件奇怪的事情是,若我在Chrome中检查元素,它就会恢复正常。就像在中一样,如果我打开检查器,将鼠标悬停在圆圈上,然后将鼠标移动到检查器的任何位置,溢出就会消失。
将overflow: hidden;
放入.incomplete
样式定义中。