Changer le background d'un div à partir d'une image map.

**Daï2** · 31/07/2009, 15h02

Bonjour à tous,

J'ai une image avec des points image map. J'aimerais quand je passe la souris dessus changer l'image background d'un div qui se trouve dans la page HTML.

Est ce que c'est possible ?

Merci de votre aide.

Ci joint mon code :

Code :

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
 
<style>
	#map:hover > #detail {background: url(images/detail.jpg) top left no-repeat; }
 
#detail {
	width:229px;
	height:400px;
	background-color:#000;
	}
 
</style>
</head>
 
<body>
<div id="sk">
<a href="#" ><img src="images/communication.jpg" width="623" height="450" border="0" usemap="#Map2" id="affiche"></a>
    <div id="detail"></div>
</div>    
 
 
<map name="Map2">
  <area shape="rect" coords="260,10,386,227" href="#" id="map">
</map>

**Macmillenium** · 31/07/2009, 19h29

Bonjour,

Envoyé par Daï2

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
	#map:hover > #detail {background: url(images/detail.jpg) top left no-repeat; }

Les styles passent en cascade, de parent à enfant, donc non ce n'est pas possible en CSS.

**Daï2** · 03/08/2009, 10h02

Ok merci bcp, je vais donc etre forcé de faire du javascript

Changer le background d'un div à partir d'une image map.

CSS

Vue hybride

Discussions similaires

Partager

Partager