Как реализовать правильно подобный интерфейс?

Всем привки))

Есть такой сайтик tracksflow.com - очень глючная вещь...однако мне понравилась там одна в штука))

При наведении мыши на альбом, появляется затененный блок со ссылками...однако, этот самый блок тоже является ссылкой))

Привожу картинку(1- по умолчанию, 2 - при наведении мыши)

5584058.png

Как мне такую фишку сделать?

Вот мои наброски jsfiddle.net/uku3nzwu/3

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

Что подскажете?

Или мб какой-то другой способ есть?
  • Вопрос задан
  • 2492 просмотра
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Не вкладывайте в ссылку другие ссылки. Это очень грубая ошибка.

Здесь же всё просто:
1. Есть блок с картинкой
2. В блоке есть вспомогательный блок с основной и вспомогательными ссылками
3. По умолчанию блок занимает часть высоты, обрезая всё, что не уместилось
4. При наведении блок увеличивает высоту на 100%

Вот вам пример, как делаются такие штуки-дрюки codepen.io/cleric/pen/kmrfb
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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