Question

我正在尝试制作一个div，它会在悬停时显示隐藏的内容。然而，在div内部的图像之间似乎存在随机空间，因此过早的onmouseout方法调用。有没有办法摆脱这个问题？

Answer 1

onmouseout事件泡沫。

因此，只要鼠标移出您的某个子元素，您就会收到该事件。

您需要检查event.target并确保它是<div>元素。（或者使用jQuery的hover方法）

Answer 2

问题究竟在哪里？当你将鼠标悬停在第一辆车上时，它是前两个汽车图像之间的黑色空间吗？ div正在扩展到超过图像宽度的范围。将图像的宽度设置为300px。然后尝试在所有容器div上将margin，border，padding设置为零

div.itemHolder {
border:0 none;
margin:0;
padding:0;
}

我认为既然你要设置高度和宽度属性，那么图像会产生奇怪的宽高比。尝试只设置其中一个。如果这不是您担心的一部分，请忽略

Answer 3

我一定不能说清楚这一点，但我们设法解决了这个问题。

非常感谢您的回复。