У вас при условии, что первый контейнер имеет половинный размер, второй (черный) контейнер с таким же размером за счет z-index находится поверх первого. Вы на первый мышью навести не можете.
При изменении z-index, всё равно не срабатывает. Я хочу сделать что бы при наведении на элемент вокруг него появлялось круговое меню. Может есть лучшая механика для этого?