Вверх ↑
Этот топик читают: Гость
Ответов: 327
Рейтинг: 5
#1: 2014-05-29 21:29:01 ЛС | профиль | цитата
<img class="a" src="http://wow-baza.ru/img/body.jpg" width="50px">
<div style="display:none;" class="bb">
<img src="http://wow-baza.ru/img/hg.jpg" width="200px">
</div>
При наведении на первую картинку должен появляться див со второй картинкой и описанием.
Возможно ли при событии hover у одного элемента изменить свойства другого? Или же нужен js?
Если возможно, то как?
карма: 0

0
vip
#1.1контекстная реклама от партнеров
Разработчик
Ответов: 4697
Рейтинг: 426
#2: 2014-05-31 11:40:02 ЛС | профиль | цитата
.a:hover + .bb {
display: block;
}

Попробуйте так, но для этого display: none, скорее всего, придется убрать в класс .bb.
карма: 10
0
Гость
Ответов: 17029
Рейтинг: 0
#3: 2014-05-31 11:40:46 правка | ЛС | профиль | цитата


Редактировалось 4 раз(а), последний 2021-05-21 06:02:48
карма: 0

0
Разработчик
Ответов: 4697
Рейтинг: 426
#4: 2014-05-31 11:42:29 ЛС | профиль | цитата
3.159.access.ttknet.ru, ну да, но оно должно решать задачу, должен показаться div при наведении на .a
карма: 10
0
Ответов: 327
Рейтинг: 5
#5: 2014-05-31 20:40:31 ЛС | профиль | цитата
Переиначил структуру, привел к более простой(для css) :
<div class="a">
<img src="foto/vetki/cata/var/1_1.jpg" />
<div class="b">
<img src="img/hg.jpg" width="200px">
</div>
</div>

И вот такие стили :
.b {
display:none;
}

.a:hover .b{
display:block;
}


Пока делал, все не покидала мысль что при наведении на один класс "а", все элементы класса "б" станут видимыми, на деле этой проблемы нет.
карма: 0

0
5
Сообщение
...
Прикрепленные файлы
(файлы не залиты)