Discussion :

[Invité]

Bonjour à tous,

j'ai un soucis avec la mise ne place de dégradé pour IE.

Dans le fichier CSS, j'ai ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
.cc_content {
	width:692px;
	height:590px;
	position:absolute;
	left:-693px;
 
 
	background:url(../images/content_bg1a.png) repeat;
/* IE8 WXP -- IE9 W7 */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorStr='#184823', EndColorStr='#03b4ddb4');
 
 /* IE10 W7 OK! -- 2 Ecritures possibles */
   background: -ms-linear-gradient(0deg,  #184823 0%, #FFFFFF 100%); 
 
	font-size:13px;	
	color:#FFFFFF;
	text-transform:none;
   overflow:hidden;
 
}

dans le fichier Index.html ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<!--[if (IE 6) | (IE 7) | (IE 8) | (IE 9)]>
    <style type="text/css">
      .cc_content{
	     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorStr='#184823', EndColorStr='#03b4ddb4');
	     width:692px;
	     height:590px;
	     position:absolute;
	     left:-693px;
	     overflow:hidden;
	     font-size:13px;	
	     color:#FFFFFF;
	     text-transform:none;	
	     background:url(../images/content_bg1a.png) repeat;
      }
    </style>
    <![endif]-->
 
    <!-- Pour la version 10 -->
    <!--[if IE 10]>
    <style type="text/css">
      .cc_content{
	     background: -ms-linear-gradient(0deg,  #184823 0%, #FFFFFF 100%);
	     width:692px;
	     height:590px;
	     position:absolute;
	     left:-693px;
	     overflow:hidden;
	     font-size:13px;	
	     color:#FFFFFF;
	     text-transform:none;	
	     background:url(../images/content_bg1a.png) repeat;
      }
    </style>
    <![endif]-->

L'effet de dégradé fonction sur mon apache en local via un dyndns.

Le test effectué sur le serveur mutuel chez l'hébergeur, je n’obtient ce dégradé mais une couleur unie.

Je galère depuis 10 jours sans succès !

Seul IE8 sous XP fonctionne à merveille.

Le soucis est avec IE9 sous W7 et IE10 sous W7.

Je n'ai pas de W8 pour tester IE10.

Merci d'avance.