Проблема с :hover

Подскажите где ошибка ? При наведении на .menu оно не расширяется до 100%

`<!doctype html>

Документ без названия
` `.menu { width:100px; height:100px; background:orange; transform:scale(0.5); } .menu:hover { transform:scale(1); } .show-menu { width:50px; height:50px; background:black; position:absolute; z-index:1000; top:33px; left:33px; }

`

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

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

Не при изменении z-index. Совсем уберите его.

Что то я в разметке не вижу во первых круглого меню, во вторых не вижу скрытого элемента который при наведении должнн появится.

Я не конкретно про этот код, а вообще. Как сделать что бы при наведении на элемент из за него появлялось меню, при этом сам элемент не пропадал.

Покажите пример как должно выглядеть и я напишу вам код)

Хорошо я понял

Получилось?)

извини некогда заняться, интенсив