溢出问题：Chrome 鼠标悬停时隐藏

Question

这是一个说明我的问题的 jsfiddle：http://jsfiddle.net/snorthway/TP55F/6/

它在 Firefox 中运行良好，但在 Chrome 中，如果您将鼠标悬停，蓝色 div 会突然溢出圆圈并在鼠标移出时保持这种状态。我在鼠标悬停时所做的只是添加一个类以使颜色更亮。

我尝试将!important 放在overflow:hidden 上，但无济于事。我还尝试按照this answer 中的建议做position:relative。我把这两个东西都放在.hov 类中（鼠标悬停时添加，鼠标移出时删除），仍然没有。

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

Answer 1

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