Changer d'image au survol

John smith3 Messages postés 28 Statut Membre -  
John smith3 Messages postés 28 Statut Membre -
Bonjour,

Je voudrais changer l'image du background du nav au survol d'un lien du nav qui sont dans des divs genre :

Code html : 
<nav>
<div class="lien1"><li>lien1</li></div>
<div class="lien2"><li>lien2</li></div>
<div class="lien3"><li>lien3</li></div>
<div class="lien4"><li>lien4</li></div>
</nav>


Code CSS: 
nav {background: url('image1.png');}


Et la comment faire pour que au survole du lien1 il y est un autre background, au survole du lien2 encore un autre et ainsi de suite ?

Merci d'avance !

2 réponses

  1.
    epitale Messages postés 4115 Date d'inscription   Statut Membre Dernière intervention   920
     
    bonsoir John smith3

    hover peux affecter un enfants nav:hover > .lien1 { ...}
    mais un parent ... ??? je crois pas,

    par contre tu peux faire ca en javascript : onmouseover onmouseout..

    --
    1
    1. John smith3 Messages postés 28 Statut Membre
       
      Parce que je ne mis connais vraiment pas beaucoup en JS et du coup je sais pas du tout comment utiliser ces fonction ! je suis complètement perdu mais si tu pouvait m'éxpliquer comment on s'en sert ce serait super sympas!

      Merci beaucoup.
      0
  2. John smith3 Messages postés 28 Statut Membre
     
    Je voudrais quand meme approfondir avec :hover je voudrais pas utiliser de Javascript mais si j'en suis oblige tant pis, ou dois-je mettre le code scripte ?
    0

Discussions similaires

Retrouver l'image originale d'une photo modifiée
Raven -
Asta972155 -

10 réponses