• 0
ROLFNST

Изменение стилей div при наведении на кнопку меню

Вопрос

• Есть меню с выпадающим подменю;

• При наведении на кнопку в выпавшем подменю нужно изменить background в стороннем div;

• div и меню не связаны между собой;

/*Фрагмент меню*/
ul li .submenu .sub_1 + .bg a {
	background: url('../img/0.png') no-repeat;
}
ul li .submenu .sub_1:hover + .bg a {
	background: url('../img/1.png') no-repeat;
}
/*-Фрагмент меню*/

.headerbg{
	background: url('../img/Main.png') no-repeat;
	width: 1170px;
	height: 598px;
	position: relative;
}
.bg{
	width: 609px;
	height: 425px;
	position: absolute;
	top: 76px;
	left: 279px;
}

Это последний вариант который я попробовал.

Пишу методом научного тыка, не профессионал, со стилями работаю впервые.

Заранее премного благодарен каждому, кто уделил время этой теме.

Изменено пользователем ROLFNST

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0

Покажите разметку, чтобы понятно было кто кому кто!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
5 часов назад, ROLFNST сказал:

div и меню не связаны между собой;

В этом случае без JS никак

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

Подскажите пожалуйста, возможно как-то перестроить код, чтобы не прибегать к JS?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

В CSS можно влиять на соседние элементы 

чтобы влиять на элементы лежащие выше используйте JS

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

Learn HTML in 2 hours!