Menu CSS transparent sous IE

**carter15_2001** · 23/02/2006, 00h54

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

**franculo_caoulene** · 23/02/2006, 09h50

Salut,

97 messages dans la recherche en tapant "png" et aucun ne te convient, c'est ça?

**carter15_2001** · 23/02/2006, 13h01

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

**ilood** · 23/02/2006, 14h18

Bonjour

Avec les propriétés ci-dessous :

Code :

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

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;
}

**carter15_2001** · 23/02/2006, 14h39

.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.

**carter15_2001** · 23/02/2006, 18h26

Je ne vois pas trop ou je dois mettre cela...

**amika** · 23/02/2006, 19h17

placer ce code dans ton CSS et dans ton code html

Code :

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

<img class="transpalpha" src=....>

**Huntress** · 23/02/2006, 20h24

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.

**gorgonite** · 23/02/2006, 20h40

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

cherches ie7 javascript sous

**balu** · 23/02/2006, 21h01

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.

**Huntress** · 23/02/2006, 21h21

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.

Menu CSS transparent sous IE

CSS

Discussions similaires

Partager

Partager