Bonjour
Je tente désespérément de faire fonctionner quelque chose que j'ai vu sur différents forum mais cela ne marche pas chez moi
Voilà donc ce que j'aimerais faire, j'ai un DIV principal avec une image de fond, lorsque je passe mon curseur sur un bouton (autre DIV), j'aimerais que l'image de fond de mon DIV principal change (avec un petit effet de transition serai un +).
Voici mon code :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31 #top-page-contact { position: relative; margin: 0px auto; background: url(http://www.iwebu.com/hedgeguard_v1/wp-content/themes/hedgeguard/images/fond-contact.png) no-repeat right top; height: 263px; width: 1100px; text-align: center; padding-top: 280px; } #boutonParis { float: left; width: 200px; height: 21px; background-color: #f29413; margin-top: 20px; text-align: center; font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal; color: #fff; font-size: 12.05px; padding-top: 5px; cursor: pointer; } #boutonLondon:hover + #top-page-contact { background: url(http://www.iwebu.com/hedgeguard_v1/wp-content/themes/hedgeguard/images/fond-contact.png) no-repeat right top; }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div id="top-page-contact"> <div id="adresse" style="margin-right: 110px;"> <div id="texte">Xxxxxxx<br />69 Avenue Victor Hugo<br />75116 PARIS</div> <div id="boutonParis">paris@xxxxxx.com</div> </div> <div id="adresse"> <div id="texte">Xxxxxxxx®<br />52 Brook Street,<br />Lo ndon W1K 5DS</div> <div id="boutonLondon">london@xxxxxxxx.com</div> </div> </div>
Voilà apparemment cela fonctionne pour certaines personne, mais moi il n'y a rien a faire ça ne fonctionne pas (Firefox; Chrome et IE)
Merci pour votre aide.
Partager