nicht angemeldet
CSS - IE 2 Filter
Moin Leute,
Ich würde gerne ein halbtransparentes Bild einblenden.
die halbtranzparenz mache ich in der css Datei wie folgt:
------------
background-image: url("background.png");
background: expression("none");
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.png',sizingMethod='scale');
------------
Würde soweit auch funktionieren.
Das Bild wird dann per Javascript eingeblendet in dem ich den opacity Wert stufenweise erhöhe.
--------------
element.filter = "alpha(opacity:0)";
was dem css Befehl -> filter:alpha(opacity:0); gleichkommt.
--------------
Mein Problem ist, dass das Javascript gedönse mit dem opacity die Einstellung für die halbtransparenz überschreibt. Auf jeden Fall ist der IE total überfordert mit dieser Konstellation und zeigt einfach gar nichts mehr an.
die Frage ist also, wie kann ich zwei mal den filter ansprechen?
Danke
T-Rex
-
Hi,
element.filter = "alpha(opacity:0)";
Mein Problem ist, dass das Javascript gedönse mit dem opacity die Einstellung für die halbtransparenz überschreibt.
Dein Problem ist m.E., dass du mit dieser simplen Zuweisung *alle* zuvor gesetzten filter-Eigenschaften ueberschreibst.
Auf jeden Fall ist der IE total überfordert mit dieser Konstellation und zeigt einfach gar nichts mehr an.
die Frage ist also, wie kann ich zwei mal den filter ansprechen?
Ueberschreibe nicht komplett den filter, sondern greife gezielt auf einzelne Filter-Eigenchaften zu:
http://msdn2.microsoft.com/en-us/library/ms532847(VS.85).aspx#Scripting_Filters
http://msdn2.microsoft.com/en-us/library/ms537452(VS.85).aspx(Ggf. bietet es sich an, den alpha-Filter auch gleich im CSS zu definieren, damit man ueber einen nummerischen Index direkt darauf zugreifen kann, und ihn nicht erst neu erstellen muss. Die korrekte Syntax dazu kann ich in der MSDN naemlich auf Anhieb auch nicht finden.)
MfG ChrisB