Задать вопрос
@evgn_tarasevich

Как сделать появление одного блока над другим при наведении на первый?

Собственно есть тег с картинкой - аватаром пользователя, как сделать, что бы при наведении на этот блок, перекрывая его появлялся другой блок такой же формы и размера на том же месте, но с другим фоном и иконкой загрузки?
p.s. иконку загрузки и фон сделаю сам, интересует именно как осуществить появление при наведении. Пробовал тег img при наведении делать visibility: hidden, но он начинает "дрожать", когда по нему проходит курсор. Неужели придётся прибегнуть к jquery?
  • Вопрос задан
  • 407 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
ivan_tataush
@ivan_tataush
Frontend Developer
Если я правильно понял, блок который должен появиться изначально с display: none или visibility: hidden.
Добавь для блока который должен появляться :hover { display: block } или как ты там его прячешь.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
aliencash
@aliencash
Партизан
Вам нужно давать стили видимости не только при наведении на исходный блок но и при наведении на появляющийся блок - codepen.io/aliencash/pen/gmLXGp?editors=1100
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы