div ничья за другим div

Question

Я действительно потерял какой-то код. Я пытаюсь нарисовать дневной календарь с назначением в нем. Он был основан на таблице, но я заменил его на divs. Первоначально представление таблицы имело ту же проблему, поэтому я переписал ее в div. Chrome показывал его правильно, хотя с использованием таблиц.

Я сделал jsfiddle, чтобы вы могли все проверить. http://jsfiddle.net/dvr9Z/107/

и как вы можете видеть, встречи затягиваются за другими дивизиями? Я попытался использовать z-index, но это не сработало. Что я делаю не так?

Answer 1

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

Answer 2

SmokeyPHP верен. Что-то вроде этого - то, что вы ищете. Поместите черный ящик в качестве ребенка из контейнера и используйте свойство css top, чтобы установить вертикальное положение.

http://jsfiddle.net/dvr9Z/118/

Я не думаю, что это можно сделать текущий путь ваш HTML дивы написаны.