Defcon1: Durchsichtiges DIV-Layer mit vollfarbenem Inhalt ohne Alpha

Beitrag lesen

Dass das mit opacity nicht geht, weil das sich auf ein Element samt aller seiner Inhalte auswirkt, wird hier regelmaeesig erwaehnt.

Gebe dem Element eine PNG-Grafik mit Aplhatransparenz als Hintergrundbild.

Das Problem ist gelöst, Vielen Dank an Alle!

So funktioniert es:

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

Man muß dem darüber liegenden Layer eine absolute Position geben.

Grüße,
defcon1 ;)