IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

CSS PIE (IE htc) et animation jquery


Sujet :

jQuery

  1. #1
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut CSS PIE (IE htc) et animation jquery
    J'utilise CSS PIE qui me permet d'emuler du css3 dans IE 6

    mais je rencontre un souci de compatibilité avec une fadeIn ???

    En gros j'ai un body en display non au démarrage et je lui fait un petit fadeIn 1500 pour un effet de transition lors du load.
    Jusque là pas de souci tout fonctionne bien

    Là ou ça se corse c'est que sur un de mes div je colle un behavior PIE afin de faire des coins arrondis et de l'ombre ainsi qu'un degradé.

    Le comportement que j'obtiens est assez étrange:
    je vois apparaitre le div avec les coins arrondis, mais lors du fadeIn il fait lui un fadeOut de son background !!!

    J'ai alors tenté de lui appliquer le syle sur le callback du fadeIn mais rien à faire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     $("body").fadeIn(1500,function(){$(".titre").removeClass("titre").addClass("titre")});
    Ceci n'est qu'un des essais réalisé. Je suis passé par addClass, toggleClass, setAttribute etc ... pour lui coller le behavior.
    Mais sans succès.

    Pensant que cela pouvait provenir du display none au démarrage je suis passé pas une opacité 0 au démarrage et un animate
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
       $("body").animate({"opacity":1},1500);
    Mais ça fait pareil

    Auriez vous des pistes ??
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    plus ça va et plus je suis perplexe ...
    le htc fonctionne si il le div est tout seul sur la page
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 747
    Points
    3 747
    Par défaut
    J'ai déjà eu beaucoup de problèmes avec ce truc, j'ai fini par l'abandonner et faire des fallback images pour IE8-...
    Vérifie dans la liste des bugs https://github.com/lojjic/PIE/issues , sinon pose la question directement sur leur forum.
    Je ne réponds pas aux questions techniques par MP.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Mouaip, merci de ce témoignage, je crois que je vais passer par un truc 100% jquery du genre shadedBorders ...
    Je fais les essai lundi et je vous tiens au courant ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Centrer une animation jquery isotope en css ou javascript ?
    Par Gilles_73 dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 22/08/2012, 10h44
  2. Rendre une animation Jquery valide W3C
    Par RootsRagga dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 02/05/2010, 14h11
  3. [CSS] Pied de page
    Par afrodje dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 26/02/2010, 11h13
  4. [CSS] Pied de page
    Par margagn dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 10/06/2006, 18h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo