Menu recouvert par un Flash
Bonjour,
j'ai mon menu recouvert par un player Flash avec IE et FF Windows et Chrome.
Sur Mac ça fonctionne mais qu'avec Safari et Firefox (pas Chrome).
http://cjoint.com/data/0mkgbVPynQs.htm
Je pense que ça provient des CSS, j'ai essayé les Z-index sans succès.
Vous qui avez un œil aiguisé, vous verriez ce qui ne va pas dans ce code ?
(le Flash est dans le div container - le menu dans le div menu)
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
#container {
position:absolute;
left: 50%;
top: 47%; /* 50% pour centrer parfaitement */
width: 800px;
height: 600px;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -400px; /* moitié de la largeur */
/* border: 1px solid #333; */
z-index: 1000;
}
#menu {
opacity : 0.5; filter : alpha(opacity=50);
color: white;
background-color: #1b1b1b;
cursor: pointer;
position: absolute;
z-index: 1001;
bottom: 0px;
width: 100%;
height: 70px;
}
#menu ul {
width: 100%;
margin: 0 auto;
padding: 5px 0;
text-align: center;
}
#menu li {
border:solid 1px transparent;
display: inline;
border-spacing: 2px 0;
}
#menu li a {
display: inline-block;
width: auto;
color: white;
text-decoration: none;
margin: 20px 10px 20px 10px;
}
#menu li a:hover {
color:#a0a0a0;
}
#menu li a img {
border: none;
margin: -8px;
padding: 5px 0 5px 0;
}
#menu ul li ul {
position:absolute;
visibility:hidden;
width: 95%;
height:40px;
margin: -85px 0 0 0;
z-index: 2001;
}
#menu ul li:hover ul {
visibility: visible;
color: #a0a0a0;
}
#menu ul li ul a {
color:#a0a0a0;
}
#menu ul li ul a:hover {
color:#707070;
} |
Merci pour l'aide.
Paul
