Hintergrund transparent ohne die Schrift mit zu beeinflussen?

[Simon223]

Hi

Habe diesen Code:


#content {
float:left;
width:900px;
overflow: hidden;
margin:0;
padding: 0;

background:#fff;
filter: alpha(opacity=25);-moz-opacity: 0.25;opacity: 0.25;
border:#0000FF 3px;
border-style:inset;
}

Nun wollte ich zum Content nur ein weisser halb durchsichtiger Hintergrund dazugeben. Leider wird nun der Content auch beeinflusst. Wie kann man das umgehen? Wäre sehr cool wenn ihr mir bei dem Code weiterhelfen würdet bin Anfänger.

Danke

LG Simon

 

[sokie]

AW: Hintergrund transparent ohne die Schrift mit zu beeinflussen?

Das problem ist, dass auch die inhalte des containers von der Zuweisung von opacity<1 betroffen sind. ein Workaround wäre dem Hintergrund eine png-grafik zuzuweisen, die die benötigtigte transparenz hat.

 

[Simon223]

AW: Hintergrund transparent ohne die Schrift mit zu beeinflussen?

Ok ich konnte es anders lösen:


#content {
float:left;
width:900px;
overflow: hidden;
margin:30px;
padding: 0;

background-color: rgba(255, 255, 255, 0.25);
filter: progidXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#FFFFFF');

border-width: 1px;
border-style: solid;
border-color: #000;
}

Jetzt hab ich allerdings noch das problem das ich den Content mit ein wenig Abstand zum rand darstellen möchte...

Noch eine Idee???

 

[sokie]

AW: Hintergrund transparent ohne die Schrift mit zu beeinflussen?

dafür ist das padding (das im Moment den wert 0 bei dir hat)

 

[aliasltb]

AW: Hintergrund transparent ohne die Schrift mit zu beeinflussen?

Ich vermute mal, dass du die rgba-Methode in einem aktuellen Browser verwendest oder?

Denn die wird erst mit CSS 3.0 unterstützt und in älteren Browsern wird der Hintergrund normal nur in weiß dargestellt!