Opacity

[thespecialx]

Hallo , es geht um folgedendes : Und zwar habe ich

div id="middle_upper">
<div id="inl"></div>
</div>

und die css für middle_upper:

#middle_upper{
	position:absolute;
	left:0px;
	top:6px;
	width:720px;
	filter: alpha(opacity=50);
	moz-opacity:.55;
	opacity:.55;
	background-color: #000000;
	border:2px solid;
	border-color:#CCCCCC;
	color:#FFFFFF;
	z-index:2;
}

ich habe sozusagen einen transparenten div tag und ich möchte in diesem div Tag einen anderen div Layer den "inl" einbinden , der NICHT transparent sein soll, jedoch egal wich ich was anwende, dieser wird durch middle_upper auch transprarent.

Also , ich will den div Tag "inl" nicht transparent haben.

Danke für die Hilfe.

 

[Maik]

Hi,

die einfachste Lösung wäre anstelle des Opacity-Filters eine halbtransparente PNG-Grafik als Hintergrundbild.

Ansonsten müsste das DIV inl über dem DIV middle_upper schichtpositioniert werden, damit es nicht die Transparenz annimmt, und würde sich somit nicht mehr innerhalb des DIVs middle_upper befinden.

 

[thespecialx]

welche dimensionen sollte die optimale grafik haben ? ich habe dies mit 1x1 px versucht mit background repeat, klappt irgendwie nicht

 

[Maik]

Hast du eine transparente PNG-Grafik eingesetzt und evtl. im IE (<7) getestet?

Die Vorgängerversionen des IE7 können mit diesem Grafik-Format nicht umgehen und benötigen daher einen "Workaround" - siehe hierzu beispielsweise http://ff-webdesigner.de/webdesign-tutorial-transparenz-homepage.html

Und bitte beachte die Netiquette bzgl. deiner Kleinschreibung.

 

[thespecialx]

habe es Pit firefox getestet...
hab im Photoshop 1x1 Grafik mit transparenter Fläche erstellt, danach mit Schwarz gefüllt und den Opacity wert auf 50 % gestzt... ob das so korrekt ist, weis ich nicht..
der Punkt ist, er zeigt mir nur eine schwarze Fläche, deshalb die Vermutung, dass etwas mit der Grafik nich in Ordnung ist.

 

[Maik]

Zu Photoshop kann ich dir leider keine Tipps geben, da ich mit GIMP arbeite.