Schrift wird mit Hintergrund ungewollt transparent

[Flo]

Hi Leute,

hab folgendes Problem. Ich will den Hintergrund von einem div transparent machen, die Schrift soll aber normal bleiben. Mit 2 verschachtelten divs hab ichs schon versucht, klappt aber nicht....

html:

<div id="menu">  
<div id="menutxt">  
<a href="index.html">Infos</a><br />  
<a href="galerie.html">Galerie</a><br />  
<a href="gaestebuch.html">Gästebuch</a><br />  
<a href="partner.html">Partner</a><br />  
</div>  
</div>

css:

#menu{  
background:#FFFFFF;  
-moz-opacity:0.2;  
-khtml-opacity:0.2;  
opacity:0.2;  
filter:alpha(opacity=20);  
}  
  
#menutxt{  
position:relative;  
-moz-opacity:1;  
-khtml-opacity:1;  
opacity:1;  
filter:alpha(opacity=100);  
}

hoffe ihr könnt mir weiterhelfen...........

[ChrisB]

Hi,

hab folgendes Problem. Ich will den Hintergrund von einem div transparent machen, die Schrift soll aber normal bleiben.

Wie hier schon zigfach geschrieben wurde, wirkt sich opacity auf ein Element samt seines Inhaltes aus.

Mit 2 verschachtelten divs hab ichs schon versucht, klappt aber nicht....

Auch ein Div im Div zaehlt in diesem Sinne zum Inhalt.

Nutze eine PNG-Grafik mit Alphatransparenz als Hintergrundbild. Oder mach ein Element teiltransparent, dass nicht den Inhalt enthaelt, der volle Deckkraft behalten soll.

MfG ChrisB

[suit]

Wie hier schon zigfach geschrieben wurde, wirkt sich opacity auf ein Element samt seines Inhaltes aus.

zudem beeinflusst opacity nur indirekt die transparenz eines elements - opacity legt die opazität eines elements fest - wurde auch schon oft gesagt :D