Affiche div au survole d'un image bug !
Bonjour !
J'ai un petit souci sur avec un script !
voila je souhaite quand survolant une image un block div vienne se caller par dessus et affiche des liens dedans !
le div ne prend pas toutes l'image et ce place au milieu !
mais ca bug un coup je survol l'image et ça apparait et un coup ça disparait pas !
je ne sais pas trop d'ou viens l'erreur !
voici le code:
Code:
1
2
3
4
5
6
7
8
9
10
| function category(id)
{
var div = document.getElementById(id).style;
var display;
with(div)
{
display = (display == "none") ? "block" : "none";
}
} |
le coté html :
Code:
1
2
3
4
5
6
| <div class="thumb">
<div class="category">category</div>
<div class="subCategory" id="1" >subcategory</div>
<a href="#" onmouseover="category('1');"><img src="img/paint.jpg"></a>
<div class="thumbottom"> </div>
</div> |
la party css pour ce au cas ou
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| .category
{
position: relative;
text-align: center;
padding: 4px;
font-size: 1.2em;
font-weight: bold;
background: #F0F0F0;
margin-bottom: 10px;
}
.subCategory
{
position: absolute;
height: 100px;
margin: 65px 10px 0 10px;
background: transparent url("../img/alpha.png");
width: 210px;
color: #FFFFFF;
z-index: 50;
display: none;
} |
voilà si quelqu'un peut me dire ou j'ai fais l'erreur !
merci !
