Couleur sous css

Bonjour je voudrais savoir comment changer la couleur de la bande matériels (ici en bleu) qui sous firefox et jaune suiva,t mon code...
Et surtout je ne comprend pas pourquoi sous firefox le fond du corps et gris avec un peu de transparence, histoire de voir le fond, et sous ie le gris n'a pas un peu de transparence.
Pourquoi c'est différence entre ie et firefox?
Pouvait vous me dire ce qu'il faudrait rajouter à mon code css SVP ?

Une petite image histoire de vous éclaicir

Je vous montre mon code css avec le menu et le corps:

#menu li a                  
{
	display: block;      
	color: #FFFFFF;       
	background-color: rgb(0, 0, 0);  
	background-color: rgba(0, 0, 0, 0.5);    
	margin: 0;                              
	padding: 4px 8px;                       
	border: 1px solid #FFFFFF;              
	text-decoration: none; 
	text-align: center;	
}

#menu li a:hover 
{   
	background-color: rgb(250, 5, 5);
	background-color: rgba(250, 5, 5, 0.5);
}

#menu .menuderoulant li a        
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-color:rgb(0, 0, 0);
	background-color:rgba(0,0,0,0.5);
}
#menu .menuderoulant li a:hover      
{
	background-color: rgb(255, 204, 0);
	background-color: rgba(255, 204, 0, 0.8);

}

#menu .menuderoulant li a:visited
 {        
	background-color:rgb(227, 22, 30);
	background-color:rgba(227, 22, 30, 0.5);
}   

#corps
{
	margin-top: 120px;
	margin-left: 5px;
	margin-bottom: 20px;
	padding: 5px;
	background-color:rgb(179, 179, 179);
	background-color:rgba(179, 179, 179, 0.8);
	border: 2px solid rgb(255, 204, 0);
} 

Merci de vos réponse

Le corps est gris sans transparence sur ie parce que rgba n'est pas pris en compte sur ie. Quand au bleu que tu souhaites transformer en jaune si j'ai bien compris (faut te relire parce que....) il te suffira de changer la valeur de background-color dans :

#menu .menuderoulant li a:hover

Bonjour,
Je disais que la photo qui est en lien on voit que le menu survollé est bleu et que si tu lis bien la ligne que tu ma dis de modifier la couleur choisi est jaune, pour sous firefox sa fonctionne et non sous ie.
Ps: j'aimerais bien savoir comment appliquée un peu de transparence sur le fond gris du corps.

Merci de vos réponses

J'ai réussi à changer la couleur pour le menu par contre j'ai, du coup, le meme probleme qu'avec le background du corps, je n'est pas de tranparence...
Personne n'aurait une idée ???

Bonjour,

En fait il y a un un bug avec background-color si tu utilises la notation RGB. Si tu utilises background : rgb(x,y,z); ca marche.

Ensuite pour la transparence c'est parce que IE ne prend pas en compte la notation RGBA. (A pour canal alpha).

Une solution existe elle est propriétaire , c'est le filter : alpha, cependant contrairement à RGBA, ca s'appliquera aussi au texte.

filter: alpha(opacity = 50);
Modifié par rs459 (21 Jan 2011 - 08:34)

rs459 a écrit :
filter: alpha(opacity = 50);

Et pour IE8 :

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

Merci pour les tuyaux,
Mais comment faire pour ne pas l'appliquer au texte alors ?

Tu mets le contenu de ton lien dans un span (c'est moche : séparation de la forme et du contenu tout ca...) :

<a href="#"><span>TEXT</span></a>

Et là tu tu style ton span avec une opacity à 100,un margin et un padding à 0.

Mais à mon avis, ça va faire moche et ça change le contenu pour une effet dont on peut se passer.

Pour le filter alpha opacity, il faut les mettre dans cet ordre :

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);

http://www.quirksmode.org/css/opacity.html

Bonjour,

Pour des couleurs de fond translucides, le plus compatible c'est quand même d'utiliser des images PNG avec cette couleur de fond et la transparence «en dur».

Internet Explorer 8 ne supporte pas la propriété CSS3 opacity (on peut éventuellement utiliser un filtre DirectX comme indiqué par rs459 et Raphael, mais il y a des effets secondaires), et ne supporte pas les couleurs CSS RGBA.

YOUPI !!!
Sa marche nikel, Merci beaucoup !
Encore 2 trois petits truc à faire est je vous présente le sire