Problème affichage image dans CSS
Bonjour,
En fet, j'affiche une suite d'image "Forme" dans ma page et au passage de la souris, je souhaite afficher une autre image a coté "Détail"
Pour cela, dans ma page php j'ai mit ceci :
Code:
1
2
|
<a class='detailobjet' href='#'> <img border='0' alt='Image 1' src='img/Im1/Forme.jpg' width='45' height='45'> <span><img border='0' src='img/Im1/Detail.jpg' alt=''/></span></a> |
En multiplication étant données que je la rempli avec ma base de données.
Ensuite en CSS j'ai ceci :
Code:
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
|
a.detailobjet {
position:relative;
text-decoration: none;
cursor:default;
}
a:hover.detailobjet {
text-decoration: none;
background: none;
cursor:default;
}
a.detailobjet span {
display: none;
cursor:default;
}
a:hover.detailobjet span {
display:inline;
position: absolute;
top: -20px;
left: 10px;
z-index: 20;
width:100%;
padding:2px 4px;
cursor:default;
} |
Tout fonction, quand, je passe sur l'image "Forme", l'image détail s'affiche a coté, mais le souci c'est que l'image du "Détail" est recouverte par les autre image "Forme" qui se situe a coté d'elle, donc, on ne voit pas trop l'image...
J'aimerais savoir comment mettre l'image "Détail" au premier plan...
Merci d'avance.
Silvia
