Вопрос по css

Форумы "Игра в слова"Вопрос по css ← Ctrl1Ctrl →

Этот топик читают: Гость

Ответов: 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

Разработчик

Ответов: 4698

Рейтинг: 426

#2: 2014-05-31 11:40:02 ЛС | профиль | цитата

.a:hover + .bb {
   display: block;
}

Попробуйте так, но для этого display: none, скорее всего, придется убрать в класс .bb.

карма: 10

Мой сайт, Мои рассказы

Гость

Ответов: 17029

Рейтинг: 0

#3: 2014-05-31 11:40:46 правка | ЛС | профиль | цитата

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

карма: 0

Разработчик

Ответов: 4698

Рейтинг: 426

#4: 2014-05-31 11:42:29 ЛС | профиль | цитата

3.159.access.ttknet.ru, ну да, но оно должно решать задачу, должен показаться div при наведении на .a

карма: 10

Мой сайт, Мои рассказы

Ответов: 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

Форумы "Игра в слова"Вопрос по css ← Ctrl1Ctrl →


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