Discussion :

[pimpmyride]

bonjour,

un probleme recurent la partie transparente d'un png s'affiche tres mal sous IE. J'ai donc fais ma recherche sur le forum et j'ai trouve le filtre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div style="border: none; height: 51px; left: 152px; opacity: 1.00; position: absolute; top: 63px; width: 122px; z-index: 1;  

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='squelettes/images/CocoonLogo-Black_20background.png', sizingMethod='image');" ></div>

Alors c'est sur ca fonctionne sous IE mais du coup le png ne s'affiche meme plus sous Mozilla.

Je sais pas quoi faire la

: x

[Bisûnûrs]

Il y a des tas de hacks CSS pour la transparence d'un PNG sur IE sur Google, il n'y a qu'à se baisser pour ramasser :

Hack IE PNG

[pimpmyride]

c'est installé,

ca changre rien....

[Crayon]

Est-ce que tu as essayer celui en javascript sur la page http://www.scriptingmagic.com/Topics...20Transparency?

[Borus]

Une autre option, que perso j'emploi, en attendant qu'IE7 (qui supporte la transparence des PNG) ne soit démocratisé, tu utilises juste pour IE des gifs transparent et pour les autres navigateurs des PNG. (Grâce aux commentaires conditionnels, tu crées un CSS spécial IE et ca évite de rentrer dans trop de "hack css" et ce genre de truc).
Certes, c'est pas une solution, mais une alternative :p

[Tux1]

Tu peux faire une contidition
Si le navigateur est Mozilla :
BLIBLI
Si le navigateur est IE6:
BLABLA

[trotters213]

Pour rendre les menus opaques (sous la quasi totalité des navigateurs) tu peux utiliser ceci dans ton CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
opacity:0.8; 
filter:alpha(opacity=80); 
-moz-opacity:0.8; 
-khtml-opacity:0.8;

Par contre attention c'est pas standard!!!