Problème de superpostion de div avec z-index sur IE (6 et 7)
Bonjour,
j'ai effectué une recherche et j'ai vu que ce genre de problème semblati être courant. Toutefois je n'ai pas réussi à trouvé de réponse satisfaisante.
j'ai plusieurs div en position absolute : un clic sur un clien doit me permettre en javascript d'afficher une nouvelle div au dessus de celles deja présente. Cette nouvelle div est en position relative.
Malheureusement, j'ai beau joué sur les z-index, les div en position absolute sont au dessus de ma nouvelle div sur IE.
Sur FF et safari ça marche nickel.
voici le code css :
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
|
/**** div qui sont là initialement ****/
#search_bar
{
z-index: 90;
position: absolute;
top: 112px;
right: 10px;
left: 250px;
display: none;
}
#search_bar_left,
#search_bar_right
{
z-index: 90;
position: absolute;
height: 28px;
width: 6px;
background-repeat: no-repeat;
}
/**** div qui apparraissent après un clic ****/
#photo_zoom
{
z-index: 200;
background-image: url(../images/photo_menu_bg.gif);
background-repeat: repeat-x;
position: absolute;
left : 240px;
top: 0px;
padding: 0px;
display: none;
}
#photo_zoom_content
{
z-index: 200;
position: relative;
padding: 0;
padding-bottom: 15px;
}
#photo_zoom_img
{
z-index: 200;
position: relative;
padding-top: 15px;
} |
