OVH Cloud OVH Cloud

Rendre un sous menu transparent

3 réponses
Avatar
Psycho killah
Bonjour, donc voila mon probl?me :

J'ai cr?e sous Fireworks Mx 2004 un menu, et dans ce menu des sous-menus.
En ce qui concerne le menu il est transparent (donc sur ma page dans le
navigateur on voit ? travers l'image de l'arri?re plan) mais lorsque je pointe
ma souris sur le menu, le sous-menu appara?t et celui ci n'est pas transparent.
Si quelqu'un pourrait m'aider en me disant comment rendre celui ci transparent
ce serait bien aimable.

NB: J'ai regard? dans la palette de couleurs (dans "modifier le menu
contextuel") mais en vain...

A++ merci d' avance

3 réponses

Avatar
Psycho killah
lol apparament personne ne sait me r?pondre. on dirait que j'ai pos? une colle :))
Avatar
zwetan
> lol apparament personne ne sait me r?pondre. on dirait que j'ai pos? une


colle :))

lol ou ta question est tellement con que les gens on pas que ca a fouttre de
t'expliquer
que tes zolies images de menu sont des bitmap et que dans du HTML tu ne peux
pas gerer de transparence entre une bitmap et le HTML qui se trouve derriere
ou que ta question est tellement mal posée qu'on se dit oh a force de
chercher
dans l'AIDE il va bien voir que pour avoir une parti d'image "transparente"
en gif89a
il faut la declarer dans la palette et surtout exporter en 89a!
Avatar
Eric
> J'ai cr?e sous Fireworks Mx 2004 un menu, et dans ce menu des sous-menus.
En ce qui concerne le menu il est transparent (donc sur ma page dans le
navigateur on voit ? travers l'image de l'arri?re plan) mais lorsque je


pointe
ma souris sur le menu, le sous-menu appara?t et celui ci n'est pas


transparent.
Si quelqu'un pourrait m'aider en me disant comment rendre celui ci


transparent
ce serait bien aimable.

NB: J'ai regard? dans la palette de couleurs (dans "modifier le menu
contextuel") mais en vain...



salut,

contrairement à ce qui a été affirmé péremptoirement par un comique à 2
balles, on peut gérer la transparence, que ce soit pour du bitmap ou pas,
via css :

<head>
<style type="text/css">
#calque1 {
background: url(image1.gif); width: 400px; height: 300px;
filter: alpha(opacityP);
opacity: 0.5;
moz-opacity: 0.5 ;
}
#calque2 {
width: 300px;
margin: 0 50px;
background-color: #fff;
filter:alpha(opacity@);
-moz-opacity:0.4;
opacity: 0.4;
}
</style>
</head>
<body>
<div id="calque1">
<div id="calque2">
<img src="images/image2.jpg">
</div>
</div>
</body>

compatible IE et Mozilla

Eric
http://ericfederici.free.fr