Afficher un div sur un hover
Bonjour
j'ai un souci avec hover que je n'arrive pas du tout à solutionner c'est pourquoi je me permet de poster.
je souhaiterais faire apparaître une div lorsqu'on survole l'image download.png avec la souris
voici mon html:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <body>
<div id ="fiche" class="div_photo">
<div id = "photo" >
<div id = "photo2" class ="div_reseaux_sociaux">
<div class="fb">Facebook</div>
<div class="twitter">Twitter</div>
<div class="linkedin">Linkedin</div>
</div><!--photo2-->
</div><!--photo-->
<div id ="corps" >
<div class="menu"></div><!--menu-->
<div id="pied">
<a href="#" id="download" ><img src="download.png" class="dl"/></a>
<a href="#" id="delete"><img src="delete.jpg"/></a>
</div>
<div class="Ajouter_sur_fb"></div>
</div><!--corps-->
</div><!--fiche-->
</body> |
voila ce que j'ai fais en css:
Code:
1
2
3
4
5
6
7
8
9
| .menu{
position:absolute;
width:99.5%;
height:76%;
border:solid 3px yellow;
}
.menu:hover .dl{
border:solid 5px blue;
} |
or, la div n’apparaît pas quand je survole l'image !
pourtant j'ai fais la même avec succès chose juste avant :
Code:
1
2
3
4
5
6
| .div_reseaux_sociaux{
display: none;
}
.div_photo:hover .div_reseaux_sociaux{
display: block;
} |
Voila si quelqu'un pouvait m'aider çà serait grandement apprécié .
D'avance merci
