@Meakin

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

<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" не появляется, какая ошибка в коде?
  • Вопрос задан
  • 296 просмотров
Пригласить эксперта
Ответы на вопрос 3
0xD34F
@0xD34F Куратор тега CSS
<div/>

[ смотрит с печальным недоумением ]

Не стыдно?
Ответ написан
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Эм.. я конечно не подстрекатель но по моему ховер не работает при соседних элементах. Попробуйте сделать такое с помощью js
Ответ написан
@EdOther
Student - Programmer
JQuery
$('img').hover(function(){
  $('.txtsnone').show();
})

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

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

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