div標簽含糊不清

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;
}

我認為，由於您同時設置了height和width屬性，因此圖像呈現出怪異的長寬比。 嘗試只設置其中之一。 如果那不是您擔心的一部分，請忽略

Answer 3

我可能還沒有足夠清楚地解釋這一點，但是我們設法解決了這個問題。

非常感謝您的答復。