Defcon1: Durchsichtiges DIV-Layer mit vollfarbenem Inhalt ohne Alpha

Beitrag lesen

Hi miteinander,

ich würde gerne folgendes machen und schaffe es irgendwie nicht:

Ich habe eine Webseite mit einem vollflächigen Bild als Hintergrund. Um jetzt ein Menü zu machen,
würde ich gerne eine Box erstellen, durch welche das Hintergrund-Bild durchscheint (Opacity-Eigenschaft).
Als Layer oben drauf dann das Menü (Text), welcher aber ohne Alpha-Effekt sein soll. Habe das bei
meebo.com gesehen.

Das habe ich, aber leider scheint der Hintergrund auch auf den Text und das Image durch:

  
<div id="container">  
   <div style="z-index:1; width: 320px; position:absolute; background-color:blue; filter: alpha(opacity=60); opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;">  
      <div style="z-index:2; height: 320px"></div>  
   </div>  
   <div style="z-index:3; width:320px;"><br/><br/><br/>HELLO WORLD<img src="images/cancel.gif" /></div>  
</div>