Как присвоить для каждого элемента списка li картинку?

Тема в разделе "Верстка", создана пользователем FUTURiTY, 8 май 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. FUTURiTY

    FUTURiTY Прохожие

    Добрый день!

    Есть меню построенное на li структуре.

    Необходимо для каждого li присвоить свою картинку и при наведении на ссылку li менять картинку в div блоке на странице.

    Желательно все это реализовать на css (nth-child, z-index) без использования js.

    Спасибо!
     
  2. vytyacom

    vytyacom Постоялец

    Регистр.:
    19 ноя 2014
    Сообщения:
    136
    Симпатии:
    54
  3. Relimeyt

    Relimeyt Создатель

    Регистр.:
    3 май 2012
    Сообщения:
    20
    Симпатии:
    5
    У вас есть li
    К примеру в нём div, тогда:

    li div {background:url('...1...')}
    li:hover div {background:url('...2...')}

    Дальше затачиванием стилей можно сделать всё что угодно