Transition CSS ne fonctionne pas sous IE

Je ne peux pas obtenir ce travail de transition dans IE ou Firefox, Il semble bien, en Chrome et Safari.
L'opacité des spectacles mais est instantanée.
Pour moi, la ci-dessous CSS ressemble à droite et je ne vois aucune raison pour qu'il travaillerait en soit IE ou firefox.
J'ai essayé cette aide -ms-transition et il donne les mêmes résultats, mais le site utilise CSS3 de toute façon donc ne devrait pas besoin de l'-mme - de toute façon de ce que j'ai lu.

Toute lumière qui peut être hangar serait grandement apprécié!
Ben

CSS:

.XMABAN {   
height: 153px;  
width: 230px;  
background-color:rgb(127,0,25);  
padding: 0;  
vertical-align: top;  
}
.XMABAN a {  
height: 153px;  
width: 230px;  
text-decoration:none;  
}
.XMABAN a:hover         {   
text-decoration:none;   
}
.XMABAN img             {   
opacity: 1;  
transition: opacity 0.70s ease-in-out;   
-moz-transition: opacity 0.70s ease-in-out;  
-webkit-transition: opacity 0.70s ease-in-out; 
-o-transition: opacity 0.70s ease-in-out; 
}
.XMABAN a:hover img     {   
opacity: 0.30;  
transition: opacity 0.25s ease-in-out;  
-moz-transition: opacity 0.25s ease-in-out;  
-webkit-transition: opacity 0.25s ease-in-out;  
-o-transition: opacity 0.25s ease-in-out;  
}
.XMABAN span            {   
position: relative;  
left: 0%;  
top: -62%;  
font-weight:bold;  
font-size:20pt;  
color:#404040;  
transition: color 0.70s ease-in-out;  
-moz-transition: color 0.70s ease-in-out;  
-webkit-transition: color 0.70s ease-in-out;  
-o-transition: color 0.70s ease-in-out;  
}
.XMABAN a:hover span    {   
color:#FFF0F5;  
transition: color 0.25s ease-in-out;  
-moz-transition: color 0.25s ease-in-out;  
-webkit-transition: color 0.25s ease-in-out;  
-o-transition: color 0.25s ease-in-out;  
}

HTML:

<tr>
<td style="width: 33%;">
<div class="XMABAN" style="margin: 10px 0px 5px 0px;">
<a class="DSPI" href="online.asp">
<img src="../images/PRM_220.jpg">
<span>TEXT</span>
</a>
</div>
</td>
</tr>

Quelle version de IE, sur une note de côté, prendre un coup d'oeil à prefixfree pour éviter d'avoir à ajouter le vendeur de préfixes.
Désolé, probablement à l'aide!! J'ai vérifié dans IE10 et IE9 avec le même résultat à chaque.
Hmm pourriez-vous recréer dans un violon ?
Les Transitions CSS pas prise en charge dans IE9, de sorte qu'il ne sera jamais dans IE9. Ils de prise en charge dans IE10 (sans préfixe), donc oui, cela devrait fonctionner, mais vous devez vérifier que votre navigateur mode, parce que si il est en mode de compatibilité ou en mode quirks, la fonction sera désactivée.
jsfiddle.net/2fLTU cela fonctionne bien sous ie 10 ont un coup d'oeil

OriginalL'auteur b_en | 2013-11-07

4

Les Transitions CSS sont pas pris en charge dans IE9 ou inférieur. Ils sont pris en charge dans IE10, cependant, et le CSS que vous avez inclus fonctionne correctement dans IE10.

Je ne peux que supposer que vous êtes à l'aide de IE10 avec IE9 normes pour tester cela, c'est pourquoi la transition n'est pas de travail. Pour changer cela, il suffit de paramétrer IE Mode de Document aux Normes:

Il est également intéressant de noter que vous devez toujours inclure fournisseur préfixant avant le but d'une propriété CSS. La spécification de transition avant -webkit-transition, par exemple, dites-WebKit-les navigateurs basés sur l'utilisation de la préfixé version à la place de la version actuelle, et il peut y avoir des différences dans la façon dont chaque sont gérées. Modifier votre CSS:
```
-moz-transition: ...;
-webkit-transition: ...;
-o-transition: ...;
transition: ...;
```
OriginalL'auteur James Donnelly

Vous devez vous connecter pour publier un commentaire.