Lightbox différente sur IE
Bonjour,
Avant de venir solliciter votre aide, j'ai recherché partout sur le net.
J'ai créer une videobox: http://www.cyrusprod.com/productions.html qui marche très bien sur Firefox, Safari et Opera mais sur IE ... le fond ne se grise pas, et la vidéo se place tout en haut du site et non plus bas comme sur les autres navigateurs.
Code des vidéos:
Code:
<a href="animation.swf" value="SteelExternalPlaySeekMute.swf" rel="vidbox 364 237" title="Animation 2D / 3D"><span class="style20">Extraits d'animation 2D / 3D</span></a><a href="video.swf" value="SteelExternalPlaySeekMute.swf" /margin-top="50px" rel="vidbox 364 237" title="Vidéo"><span class="style20">Extraits vidéo</span></a>
CSS lightbox:
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
71
72
73
74
75
76
77
| body {margin: 0;}
#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
position: fixed;
}
#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff;
text-align: center;
padding: 5px;
}
.lbLoading {
background: #fff url(loading.gif) no-repeat center;
}
#lbImage {
border: 10px solid #fff;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
} |
Si quelqu'un trouve la solution alors merci :)
Emilie
