transparent mit 'Filter'
Jessika
- css
0 Gunnar Bittersmann0 ChrisB0 apsel
Hallo Ihr alle,
hab da ein merkwürdiges Problemchen.
auf meiner index.php binde stelle ich ein transparentes Div dar:
[..
#maintitlebar
{
position:absolute;
top:50%;
left:50%;
width:900px;
height:40px;
margin-top:-220px;
margin-left:-450px;
background:#212121;
opacity:0.9;
filter: alpha(opacity=90);
z-index:3;
}
..]
zwar meckert Mozilla:
"Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert."
aber mein Div wird transparent dargestellt. Ebenso im IE.
Auf einer Unterseite möchte ich nun ein weiteres Div transparent darstellen.
[..
.nutzer_box
{
position:absolute;
left:50%;
margin-left:-532px;
width:644px;
height:390px;
background:red;
opacity:0.8;
filter:alpha(opacity=80);
}
..]
Sowohl Mozilla, als auch Firefox weigern sich strickt das Div transparent darzustellen.
Den einzigen Unterschied den ich feststellen kann ist, dass es sich bei dem erste Div im eine ID haneldt, beim zweiten jedoch um eine Classe.
Wie ist denn überhaupt die Korrekte Schreibweise von einem Filter unter CSS.
Der Punkt ist nämlich der einzige, den Mozilla anmeckert.
UND, das wichtigere, wie kann ich nun meine 2. Divbox transparent hinbekommen, wenn es eine Classe sein soll. (können halt beliebig viele werden)
Vielen Dank für Eure Hilfe
Jessika
@@Jessika:
nuqneH
hab da ein merkwürdiges Problemchen.
Wo kann man sich das ansehen?
Qapla'
Hi,
Wie ist denn überhaupt die Korrekte Schreibweise von einem Filter unter CSS.
Da es eine Eigenschaft namens filter in CSS gar nicht gibt, höchstens mit einem vendor specific prefix.
Der Punkt ist nämlich der einzige, den Mozilla anmeckert.
Dann lass ihn meckern, wenn du auf den Effekt für ältere IE nicht verzichten willst.
UND, das wichtigere, wie kann ich nun meine 2. Divbox transparent hinbekommen, wenn es eine Classe sein soll.
In dem du einen Selektor wählst, der das Element selektiert, und dessen Spezifität hoch genug ist, so dass die Eigenschaften nicht von anderen Regeln überschrieben werden.
MfG ChrisB
Om nah hoo pez nyeetz, Jessika!
schau dir zum Beispiel im Firebug an, welche Eigenschaften tatsächlich für dein Div gelten und welche ggf. überschrieben werden.
Matthias