Задать вопрос
@Meakin
html

Как при наведении на один объект, показать другой объект?

<div class="images">
  <img style="width:150px; height:150px;" src="images/1.jpg">
  <img style="width:150px; height:150px;" src="images/2.jpg">
  <img style="width:150px; height:150px;" src="images/3.jpg">
  <img style="width:150px; height:150px;" src="images/4.jpg">
  </div>
<b class="txtsnone">XGGGSFDSRTXT</b>

.txtsnone{
  display:none;
}
.images:hover + .txtsnone{display:block}

Суть проблемы: Навожу на картинки, но текст с класса "txtsnone" не появляется, какая ошибка в коде?
  • Вопрос задан
  • 330 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Lord_Dantes
Эм.. я конечно не подстрекатель но по моему ховер не работает при соседних элементах. Попробуйте сделать такое с помощью js
Ответ написан
6 комментариев
6 комментариев
@EdOther
Student - Programmer
JQuery
$('img').hover(function(){
  $('.txtsnone').show();
})

https://codepen.io/minkoj2/pen/KKKGxbx
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен директолог с опытом работы
19 апр. 2024, в 10:02
6000 руб./за проект
Помощь с парсингом XML файла яндекс товаров
19 апр. 2024, в 09:46
500 руб./за проект
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Ещё заказы