Opacity: Position d'un div modifiée par IE
Bonjour à tous.
Voici un petit souci de mise en page avec IE8.
Vous pouvez jeter un oeil sur le site suivant: http://www.ics-topo.com une fois avec FF et une fois avec IE. Le problème est donc le mauvais alignement du "cadre gris".
Le problème vient de l'utilisation de la balise "opacity" sans elle ou avec une valeur de 1, pas de problème. Par contre, dès que la valeur est différente de 1 l'alignement n'est plus bon.
Le bout de code ou le problème réside est le suivant:
Code:
1
2
3
4
5
6
7
8
9
10
|
<div style="margin-left: 0px; position: relative; width: 1200px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div id="id1" style="height: 469px; left: 188px; position: absolute; top: 144px; width: 1015px; z-index: 1; " class="style_SkipStroke shape-with-text">
<div class="text-content style_External_1015_469" style="padding: 0px; ">
<div class="style"></div>
</div>
</div>
<!-- ....tout plein des autres <div> -->
</div> |
Le bout de feuille de style correspondant:
Code:
1
2
3
4
5
6
7
8
9
10
11
|
.style_SkipStroke {
background: rgb(0, 0, 0);
/*min-height:1px;
zoom:1;*/
opacity : 0.1;
/*-moz-opacity : 0.1;
-ms-filter: "alpha(opacity=10)"; /* IE 8 */
/*filter : alpha(opacity=10); /* IE < 8 */
/*background: rgba(0, 0, 0, 0.1);*/
} |
Après un tour sur le net, j'ai essayé de modifier le code css sans succès (toutes les lignes en commentaires...).
Quelqu'un peut-il m'aider pour rentre la pagination correcte aussi avec IE, svp?
Merci.
