Неясный перерыв в теге div

Question

Я пытаюсь создать div, который расширяется, чтобы отображать скрытый контент, когда он завис. Однако между изображениями внутри div существует случайное пространство, поэтому возникает преждевременный вызов метода onmouseout. Есть ли способ избавиться от этой проблемы?

Check out a live version here.

Answer 1

Я не должен был объяснять это достаточно ясно, но нам удалось исправить проблему.

Большое спасибо за ответы.

Answer 2

В onmouseout пузыри событий.

Таким образом, вы получаете событие, когда мышь перемещается из одного из ваших дочерних элементов.

Вам необходимо проверить event.target и убедиться, что это элемент <div>. (Или использовать метод hover jQuery)

Answer 3

Где именно проблема? это черное пространство между первыми двумя автомобильными изображениями, когда вы нависаете над первым автомобилем? Разница расширяется до большей, чем ширина изображения. установите ширину изображения на 300 пикселей. Затем попытайтесь установить маржу, границы, отступы к нулю на всех контейнерных дивы

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

Я думаю, что так как вы настраиваете как высота и ширина свойства, что изображение приходит с фантастическим соотношением сторон. попробуйте установить только один из них. Если это не является частью ваших забот, пожалуйста, игнорируйте