opacity 45% inhalt 100%

[Stylie]

Hallo ich stehe gerade vor einem Problem. ich habe einen Div Container erstellt mit Hintergrund auf 45% Leider wird der komplette Inhalt auch auf 45% transparenz angezeigt. wie kann ich den inhalt auf 100% opazität bringen?
der Divcontainer hat eine relative Position. bzw. relative breite (passt sich dem inhalt von breite an)

#header_menue_content a:hover {
	height: 48px;
	float: left;
	display: inline;
	color:#FFF;
	line-height: 48px;
	vertical-align: middle;
	background-color:#C30068;
	opacity: .45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter: alpha(opacity=45);
	text-decoration: none;

 

[threadi]

Du musst den halbtransparenten Hintergrund vom Content trennen. D.h. Du brauchst ein HTML-Tag in dem der Hintergrund hinterlegt wird und einen der daneben liegt für den Content. Der mit dem Content kann dann per position: absolute über den mit dem Hintergrund gelegt werden. Es ist nicht möglich die Transparenz des Hintergrunds vom Content ein und desselben Objektes zu trennen.

<div id="bg">&nbsp;</div>
<div id="content">Inhalt</div>

 

[Stylie]

habs jetzt anders gelöst, hab ne 45% transparenten bg mit der farbe gemacht und als hintergrundbild verwendet.