les transitions css ne fonctionne pas sous safari

Si vous regardez ma page http://debourg-dev.ch/crea/ vous verrez les effets de transition sur mes liens ne fonctionnent pas dans safari (testé sur la dernière version sur mac). Mon code est le suivant:

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

Quel est le problème?

  • Il fonctionne pour moi sur Safari...
  • Essayez cette toutes les 0,5 s ease-in-out 0s. Ajoutant que des 0 sur la fin était nécessaire pour ipad ios6
  • Merci pour la suggestion, mais encore une fois pas de différence
InformationsquelleAutor user1280853 | 2014-02-13
  1. 5

    Il semble Safari a un bug et étouffe sur transition: all; (ou juste transition: Xs; parce que "tout" est la propriété par défaut). Il se bloque, même certaines versions de bureau et iOS Safari.

    SOLUTION: Changer de transition: color 0.5s ease-in-out;
    (Ou, bien sûr, toute autre propriété, assurez-vous qu'il n'est pas "tous".)

    Il pourrait également être un problème avec la transition d'être appliquée globalement à l'ancre tags - lire la suite ici

    Plus à propos de Safari s'écraser

    Et ici

    InformationsquelleAutor 63N
  2. 0

    La transition semble être de travailler pour moi lors de l'exécution de OSX 10.9.1 et Safari 7.0.1. Si je devais deviner, le problème est probablement dû à cacher. Essayez de vider votre cache et voir si le problème persiste.

    • Déjà essayé de vider le cache et de réinitialisation de safari, ne fonctionne toujours pas. Je suis aussi OSX 10.9.1 et Safari, Version 7.0.1 (9537.73.11)
    • Les transitions de travail pour moi aussi sur OSX 10.9.1 (safari 7.0.1)
    InformationsquelleAutor Hughes
  3. 0

    Pour Safari, essayez les opérations suivantes:

    -webkit-transition: 190ms width linear;

    où la largeur représente la propriété d'être changé, empêcher l'utilisation de all que les différents navigateurs n'interprètent de façon différente et peut causer des problèmes, surtout dans le navigateur Safari.

    InformationsquelleAutor Aastha Awasthi