Menu CSS transparent sous IE

Version imprimable

23/02/2006, 00h54
carter15_2001

Menu CSS transparent sous IE

Bonjour,

J'ai trouvé les articles et les tutoriels traitant du menu CSS transparent. Je sais que IE 6.0 ne gère pas le CSS 2.0, ce qui semble être la cause de ce problème, si je ne me trompe pas.

Je voudrais savoir, si il existe d'autres solutions que de faire des images transparentes PNG pour faire fonctionner ce joli menu. Des solutions tel que des "hacks" ou autres choses...

Merci d'avance
23/02/2006, 09h50
franculo_caoulene

Salut,

97 messages dans la recherche en tapant "png" et aucun ne te convient, c'est ça?
23/02/2006, 13h01
carter15_2001

A peu prés oui. Je voudrais savoir si c'est possible avec autre chose que des PNG...

Bonjour

Avec les propriétés ci-dessous :

Code:

1
2
3
4
5
6
.transpalpha {
   filter:alpha(opacity=50); /* pour ie */
   -moz-opacity:0.5; /* pour gecko : Firefox, etc. */
   -khtml-opacity: 0.5;
   opacity: 0.5;
}

23/02/2006, 14h39
carter15_2001

Citation:

.transpalpha {
filter:alpha(opacity=50); /* pour ie */
-moz-opacity:0.5; /* pour gecko : Firefox, etc. */
-khtml-opacity: 0.5;
opacity: 0.5;
}

Je dois placer cela dans le CSS? Je n'avais jamais vu ces options. Merci.
23/02/2006, 18h26
carter15_2001

Je ne vois pas trop ou je dois mettre cela...
23/02/2006, 19h17
amika

placer ce code dans ton CSS et dans ton code html

Code:

<img class="transpalpha" src=....>
23/02/2006, 20h24
Huntress

Sinon il y a la solution d'utiliser le format GIF.

En faisant un damier : un pixel opaque, un pixel transparent et ainsi de suite... (tu fais simplement un carré de 2px sur 2px hein pas la peine de t'exploser les yeux à faire une image de 40x100... et puis tu "repeat").

Ca peut faire un bon effet.
23/02/2006, 20h40
gorgonite

sinon il existe un libraire js pour tout émuler sous IE :wink:

cherches ie7 javascript sous :google:
23/02/2006, 21h01
balu

Citation:

Envoyé par Huntress

Sinon il y a la solution d'utiliser le format GIF.

En faisant un damier : un pixel opaque, un pixel transparent et ainsi de suite... (tu fais simplement un carré de 2px sur 2px hein pas la peine de t'exploser les yeux à faire une image de 40x100... et puis tu "repeat").

Ca peut faire un bon effet.

Ça fonctionne aussi avec le format PNG.
C'est la transparence standard.

Image exemple : [PNG 10x10]

Je confirme que l'effet obtenu est très acceptable. ;)
23/02/2006, 21h21
Huntress

Citation:

Envoyé par balu

Ça fonctionne aussi avec le format PNG.

Oui aussi (petite imprécision de ma part) puisqu'on utilise une opacité équivalente à 0 ou 100% de la teinte.