这是一个说明我的问题的 jsfiddle:http: //jsfiddle.net/snorthway/TP55F/6/
它在 Firefox 中运行良好,但在 Chrome 中,如果您将鼠标悬停,蓝色 div 会突然溢出圆圈并在鼠标移出时保持这种状态。我在鼠标悬停时所做的只是添加一个类以使颜色更亮。
我试穿!important
了overflow:hidden
,没用。我也尝试按照此答案position:relative
中的建议进行操作。我也把这两个东西都放在了课堂上(鼠标悬停时添加,鼠标移出时删除),仍然没有。.hov
另一个奇怪的事情是,如果我在 Chrome 中检查元素,它就会恢复正常。如,如果我打开检查器,将鼠标悬停在圆圈上,然后将鼠标移动到检查器的任何位置,溢出就会消失。