jQuery : mouseover open a lightbox but mouseout can't close it correctly

Question

我在我的一个网站上使用 colorbox 作为灯箱。当我的鼠标悬停在图片上时，我能够使其打开灯箱，但当我的鼠标离开同一张图片时，我无法使其关闭灯箱。

一旦我的灯箱打开，如果我移动鼠标，mouseleave 事件就会被触发，当我的鼠标仍在图片上时。

这是一个 JSfiddle 来向您展示我的问题: http://jsfiddle.net/8ByeT/1/

您知道如何解决这个问题吗？

感谢和问候，埃里克

Answer 1

这是一个工作 fiddle :http://jsfiddle.net/8ByeT/15/

更新:

css:叠加div显示设置为无，因此不会触发鼠标离开事件

JS:添加了颜色框的初始宽度和高度，因此出现的图像不会覆盖您的图像。