Problem med opacity

Hallå.
Det är så att jag håller på och lekar lite med css. Men stöter på ett litet problem.
Det är så att jag använder mig av opacity i min css kod.
Ett kod exempel.

<div id="tag 1"> /*css opacity:0.6;*/
  <div id="tag 2">/*css opacity:0.8;*/
   en menu
  </div>
  <div id="Tag 3">/*css opacity:0.8;*/
  Lite text
  </div>
</div>

Då till mitt problem. Alla div taggar blir lika genomskinliga fast jag vill att det första div taggen (som är bakgrunden) ska vara mer genomskinlig än vad dom andra ska vara. Men det verkar precis som att eftersom den första div taggen har ett värde på 0,6 så får dom andra även samma värde.

Undrar om det finns någon smart lösning på detta hur jag ska göra? ifall jag har varit otydlig med hur jag mena så säg till så ska jag försöka förklara lite mer.

Tack på förhand!

Om du inte bry dig om äldre IE så kör du RGBA på bakgrundsfärg

Annars måste du placera det andra innehållet utanför din div med en opacity

Aha okey. Tackar för svaret :)

Om du bara vill att bakgrunden ska vara genomskinlig, och bryr dig om kompatibilitet, är väl annars en semitransparent PNG ett bättre alternativ än RGBA. Semitransparent PNG som bakgrund bör fungera fr.o.m. IE7, eller kanske IE8, och har bättre fallback i tidigare versioner. (Solid färg istället för ingen färg.)

Jag raderade lite inlägg som inte hade här att göra.
/anders