28173 sujets

CSS et mise en forme, CSS3

[résolu] Problème d'affichage images PNG.......

Bonjour,

Tout d'abord voici l'adresse de mon site :
http://www.stillistic.com/solaria/bigbang-lefilm/

Sous Firefox et IE 7, pas de souci particulier.

Par contre, sous IE 6, catastrophe ! Mes images PNG avec transparence (pour pouvoir afficher un contour, une ombre portée) s'affichent sous un fond gris, comme en témoigne l'affichage suivant :
http://www.stillistic.com/solaria/bigbang-lefilm/solaria.jpg
Et ceci, que l'on affiche normalement l'image (<img src blablabla />) ou qu'elle soit mise en fond en css (background-image: url(......)).

Pouvez-vous m'indiquer comment je peux régler ce pb ? Dois-je changer de format d'image ? Dois-je supprimer les effets d'ombres portées ? (svp, non Smiley sweatdrop )


Je vous remercie par avance pour votre aide.

Cordialement,
Seb.
Smiley cligne
Modifié par seb65 (30 Dec 2006 - 19:06)
bonsoir,

n'aurais tu pas créé des images png 24 bits transparentes ?

Le navigateur internet explorer dans sa version 6 et inférieure ne gère pas les png 24 bits transparents. Il te faut utiliser du png 8 bits, malheureusement, le résultat est bien moins joli. Smiley ohwell
Salut.

C'est une des limitations les plus emm*****tes d'IE6, il ne lit pas correctement les images PNG avec "dégradé de transparence".

La question a été débattue en long et en large sur le forum, et depuis bien longtemps, et il y a des solutions pour contourner le problème.

Merci de faire une recherche sur le forum (qui aurait finalement conduit à ce sujet) avant de créer un nouveau sujet !
Parfait !!! Très bons scripts qui m'ont permis de trouver la réponse !!! Merci à vous !

Et désolé de n'avoir pas eu le réflèxe de chercher si un sujet similaire avait été posté... Smiley confused
Modifié par seb65 (29 Dec 2006 - 14:18)
Par contre, j'ai une autre question d'autre pratique :

avec la méthode Koivi, qui ajoute un filtre 
style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');" alt="">


peut-on ajouter un texte sur une image transformée et placée en fond (background-image: url...) ?

En effet, sur ma page http://www.stillistic.com/solaria/bigbang-lefilm/, sous IE6, le menu du bas est inacessible. On ne peut pas cliquer sur les liens. J'ai même essayé en mettant un z-index sur le div contenant les liens, mais rien n'y fait. A croire que la transformation cause problème... Pouvez-vous m'aider ?

Vous remerciant,

Cordialement,
Seb.
Smiley cligne
Modifié par seb65 (29 Dec 2006 - 19:00)
Re.

Pour les liens qui ne fonctionnent plus, c'est une réaction connue. En général, ajouter 
position: relative ;
à tous les liens concernés suffit pour corriger.

Par contre, je ne saisis pas bien ce que tu veux dire par "ajouter un texte sur une image transformée" ?
Sujet clos
Aller à