Simulation transparent des images png sous I.E (Créer un compte)

Accueil › Forums › Divers › Discussion générale › Simulation transparent des images png sous I.E
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 19)
1 2
  • Auteur
    Messages
  • 31 mai 2007 à 12 h 49 min #452342
    kitten13
    Membre
    Chevalier WordPress
    207 contributions

    Amis wordpriens, wordpriennes, Bonjour.

    Rencontrant un petit souci avec la gestions(simulation) transparente des images png sous I.E, j’aimerais savoir si quelqu’un as une astuce ou hack a me conseiller.

    Après une recherche, je constate que beaucoup de technique se contre dise (notamment au niveau de la simulation transparent par css).

    Merci pour votre aide. 😉

    Edit: Je précise que mes images png sont en 8bt.

    31 mai 2007 à 12 h 57 min #601706
    sensei
    Membre
    Chevalier WordPress
    133 contributions

    IE ne gère pas la transparence du png (du moins pas avec la version que j’ai), pour remédier à ton probleme modifie tes images en .gif. Mais tout dépend comment ce que tu veux faire..

    31 mai 2007 à 13 h 22 min #601707
    kitten13
    Membre
    Chevalier WordPress
    207 contributions

    Pour I.E je le savais déjà 😉, renommer les png en gif reviens au même.

    31 mai 2007 à 14 h 14 min #601708
    Rod
    Membre
    Maître WordPress
    744 contributions

    le vrai hack est de faire un vrai GIF … et non pas un PNG > gif.

    mais un gif ne change rien, le scroll rame sous IE. La SEULE vraie astuce (et attention l’astuce du siecle hein) … c’est qu’au lieu de faire un gif transparent de 4px .. il faut faire un gros carré de 100px … et la …. le scroll redevient fluide.

    Vive IE.

    31 mai 2007 à 14 h 16 min #601709
    Rod
    Membre
    Maître WordPress
    744 contributions

    J’ai rien dit 🙂 je croyais que tu parlais d’un fond de div … ben en fait IE c’est une bouse : invite le maximum de visiteurs à telecharger FF ou Flock 🙂

    31 mai 2007 à 14 h 56 min #601710
    kitten13
    Membre
    Chevalier WordPress
    207 contributions

    Lol, sinon j’ai vu qu’on pouvais appliquer une css pour I.E avec la gestion des png.

    Du style :

    div.image { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=’http://image.png’,sizingMethod=’crop’) }

    Je vais essayer

    31 mai 2007 à 15 h 46 min #601712
    kitten13
    Membre
    Chevalier WordPress
    207 contributions

    Ca ne marche pas 😉 de l’aide svp 😐

    31 mai 2007 à 16 h 35 min #601711
    johnnoone
    Membre
    Chevalier WordPress
    140 contributions

    t’as essayer de bidouiller avec JQuery ? ça ne doit pas être infaisable.
    si tu es sous IE, tu remplaces à la volé tous les *.png par des gifs transparents, et tu appliques le filtre dessus.

    31 mai 2007 à 16 h 39 min #601713
    Qwindoo
    Modérateur
    Maître WordPress
    2861 contributions

    Il existe un hack nommé IE7, composé de librairies javascript et qui corrige (entre autres bugs) la transparence des png 😉

    31 mai 2007 à 16 h 47 min #601714
    johnnoone
    Membre
    Chevalier WordPress
    140 contributions

    ce hack est bien cool, mais c’est au détriment du confort de navigation :(

    31 mai 2007 à 16 h 52 min #601715
    Qwindoo
    Modérateur
    Maître WordPress
    2861 contributions

    C’est-à dire ?

    Les utilisateurs de Firefox/Opera ne voient pas de différence (rien n’est chargé) et il est possible de ne charger que certains modules pour accroître les performances 😉

    31 mai 2007 à 17 h 30 min #601716
    kitten13
    Membre
    Chevalier WordPress
    207 contributions
    johnnoone wrote:
    t’as essayer de bidouiller avec JQuery ? ça ne doit pas être infaisable.
    si tu es sous IE, tu remplaces à la volé tous les *.png par des gifs transparents, et tu appliques le filtre dessus.

    Je n’ai pas bien compris cette technique johnnoone

    Il existe un hack nommé IE7, composé de librairies javascript et qui corrige (entre autres bugs) la transparence des png

    Merci ms-dos pour ce hack par contre j’ai du mal a le mettre en place, j’ai charger le module ie7-graphics.js dans le dossier de mon thème, puis déclarer le code dans mon header.

    <!-- compliance patch for microsoft browsers -->
    <!--[if lt IE 7]>-->

    Mais apparemment ça ne marche pas.

    d’ailleurs ce hack fonctionne que pour I.E 7 ou également les version antérieur ?

    31 mai 2007 à 18 h 00 min #601717
    Qwindoo
    Modérateur
    Maître WordPress
    2861 contributions

    Hello 🙂

    Le hack fonctionne pour toutes versions antérieures à IE 7 😉

    En fait, tu choisis ça dans le code :

    <!--[if lt IE 7]>--> ==> lt = « less than » soit « antérieur à n° de version »
    Tu peux aussi utiliser if IE 7 ou if IE 6.0

    😉

    31 mai 2007 à 18 h 29 min #601718
    kitten13
    Membre
    Chevalier WordPress
    207 contributions

    Je galère 😕 ça ne marche toujours pas.

    J’ai appliquer ton conseil pourtant:

    sanstitresy5.th.jpg

    Un truc que je trouve bazar c’est que le code soit commenter. 😕

    31 mai 2007 à 18 h 34 min #601719
    Qwindoo
    Modérateur
    Maître WordPress
    2861 contributions

    Voilà le problème: dans ton code html, tu as mis l’emplacement « /ie7-graphics.js » mais ce fichier n’existe pas 😕

    Il te faut donc renseigner l’adresse du répertoire ie7 que tu as uploadé sur le serveur 😉

    Par exemple: /ie7/ie7-graphics.js 😉

  • Auteur
    Messages
15 sujets de 1 à 15 (sur un total de 19)
1 2
  • Vous devez être connecté pour répondre à ce sujet.