• 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

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


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

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

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

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

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

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

Войти

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

Войти сейчас

  • Спрашивают сейчас

  • Пишут сейчас

    • Есть несколько вариантов которые позволяют развиваться профессионально: Ask friend for help. Опросить друзей знакомых на предмет предлагаемых услуг, заявить о себе. Выполнить несколько простых проектов для опыта/портфолио. Тем самым продвигать себя в качестве специалиста (сарафанное радио) Freelance. Вход сложный. Зато на мелочах можно поднять опыт за символическую стоимость. Потом развивать свой аккаунт, "обрастать" клиентами и поднимать уровень квалификации. Важно: почитайте пару гайдов как получить заказ новичку, как оформить профиль и прочие рекомендации. Сайты по теме: https://freelansim.ru https://www.fl.ru https://www.upwork.com — я бы выбрал этот Remote. Full-time. Ещё один хороший вариант найти работу — утроится в компанию работать удалённо. Без территориально ограничения. Компания может быть из СНГ, с юр. лицом. Заключаете договор и сотрудничаете на ставку. Part-time. Тоже самое что и предыдущий пункт но формат сотрудничества на правах почасовой работы. Office. Работа в офисе на позции Junior с перспективой роста. Хорошо подойдут галеры по типу ЕПАМ, Ciklum, LuxSoft, и тд. Денег мало (в начале), но компенсируется опытом. За 9-12 месяцев можете вырасти в Middle. Дальше плыть будет легче. Для поиска работы для Remote и Office вариантов можно использовать стандартные инструменты, на пример: djinni.co или linkedin.com. Рекомендации к заполнению профилю/CV Опишите всё что можете предложить заказчику. Расскажите о своих скилах, что непосредственно Вы делали выполняя работу над тем или иным проектом. Расскажите о своём опыте, даже если он не значительный. Если опыта совсем мало, инвестируйте месяц-два и выполните несколько простых задач, которые Вы сможете показать заказчику. И профиль и CV должно быть на английском языке, в первую очередь, и лишь копия русскоязычная (у меня такой нет, так как рынок предполагает знание английского языка с уровня pre-intermediate)
    • Сидеть дома и развиваться до уровня Senior годами без реальной работы?! 
    • Факт есть факт — специалистов как было мало так и осталось. Можно выбирать любую интересующую себя нишу и развиваться в ней до уровня Senior и иметь на себя спрос в последствии.
  • Лучшие авторы

  • Текущие цели пожертвований