Version complète: sur le forum Webmaster Hub : Gérer la transparence avec CSS
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site > Le Webdesign
Cleden
Bonjour,

J'essaie d'obtenir un effet de transparence pour le site http://www.cleden-cap-sizun.com.

Un fond png permet d'obtenir un très bel effet, malheureusement Ie ne gère pas la transparence png.
La transparence gif rend beaucoup moins bien (celle qui est en place actuellement). Le fond pixélise à mort et c'est pas génial.

Connaissez vous d'autres manières pour obtenir un fond transparent ?

Loïc.
lupucide
Un PNG pour Gecko et un GIF pour les autres qui ne gèrent pas ?

CODE
#back {
background: url(image.png) !important;
background: url(image.gif);
}
Cleden
Merci, ça dépanne au moins jusqu'à qu'IE 7 gère cette transparence png.

Parcontre, l'affichage style "normal" est vraiment très laid sous IE. Personne n'a de solution à ce problème ?

Loïc.
davidm
IE7 ne gère pas la transparence PNG sous IE ? Tiens...

Je ne me souviens plus où mais j'ai vu plusieurs scripts java qui corrigent ce problème. Je vais regarder et j'ajouterai la ressource sur ce fil de discussion.

Autre solution, se limiter à la transparence d'index, qui elle est supportée par IE à la difference de la transparence alpha.... mais c'est limitatif, on est d'accord.
Dudu
CITATION(davidm @ mardi 19 avril 2005, 01h05)
IE7 ne gère pas la transparence PNG sous IE ? Tiens...
*


Je pense que Cleden parlait de Microsoft Internet Explorer version 7 et non des bidouilles de Dean Edwards smile.gif

CITATION(davidm @ mardi 19 avril 2005, 01h05)
Je ne me souviens plus où mais j'ai vu plusieurs scripts java qui corrigent ce problème.
*
javascript. Java tout court c'est différent http://java.sun.com
Quant au fait qu'un code javascript résolve un problème, il suffit de désactiver le javascript pour foutre en l'air la belle solution whistling.gif Pour info, les stats de JS désactivé c'est 12% et c'est en hausse.

La solution de lupucide est de loin la meilleure car la plus simple et la plus sûre.
davidm
CITATION(Dudu @ mardi 19 avril 2005, 04h48)
Je pense que Cleden parlait de Microsoft Internet Explorer version 7 et non des bidouilles de Dean Edwards smile.gif


Je m'en doutai un peu mais là pas trop d'espoir à se faire, IE7 ne sera pas conforme. Voir le blog du pilote de projet d'IE7....

Quant à Dean Edwards, sa "bidouille" est plutôt brillante je trouve. En plus, elle marche très bien pour une alpha.

CITATION
javascript. Java tout court c'est différent http://java.sun.com


laugh.gif oui merci je n'ai pas vraiment besoin qu'on m'explique...
C'est pour alléger la phrase, car tout le monde aura compris le sens : un script java, c'est une francisation de un javascript. Un script javascript c'est lourdingue comme formule wink.gif

CITATION
Quant au fait qu'un code javascript résolve un problème, il suffit de désactiver le javascript pour foutre en l'air la belle solution whistling.gif Pour info, les stats de JS désactivé c'est 12% et c'est en hausse. La solution de lupucide est de loin la meilleure car la plus simple et la plus sûre.


Oui là on est bien d'accord. Je suis pour les solutions 100% CSS quant elles sont possibles. Le problème reste l'interprétation par les navigateurs. La déclaration !important n'est pas toujours prise en compte de la même façon. La cascade doit être bien définie autour du bout de code en question pour que ça marche...
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.