:hover неправильно работает, что делать?

Нужно сделать так, чтобы при наведении на "как связаться?" плавно появилась табличка контактными данными. Однако она не должна появляться при наведении на неё саму. Я перепробовал огромное количество способов, но нормального результата так и не добился, постоянно :hover срабатывает как на #connection, так и на .menu. Даже если я ставлю .menu:hover { opacity: 0; }, табличка всё равно появляется. Как-то помогает .menu:hover { display: none; }, однако там появляются недопустимые странности. Неужели эту проблему нельзя исправить в обычном html, и придётся использовать скрипты? И скрипты это же уже javascript вроде, да? Буду крайне благодарен за ответ.

  • Вопрос задан
  • 95 просмотров
Решения вопроса 2
vitaly44
@vitaly44
Предприниматель, веб-разработчик, дизайнер
Я бы передал вёрстку и всё такое, вообще задача сильно вырвана из контекста общего, но как-то так она решается.

Внутри nav не делайте блок с контактами. Сделайте его рядом, а манипулируйте поведением через серектор +
И далее блок с контакто можно как угодно спозиционировать.
#connection:hover+.menu {
  opacity: 1;
}


Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы