Transparenz nicht erben...

[Stefan]

Hi,

ich habe ein Problem, zu welchem ich einfach keine Lösung finde! :/
Also ich möchte die Transparenz mit -moz-opacity (z.B.:  -moz-opacity:.3) in einem Elternelement setzen. Jetzt wird mir aber mit dieser Angabe, da es sich hierbei ja nicht um den Hintergrund handelt, sondern um die Transparenz des ganzen Elements, eben auch der Text innerhalb dieses Elements transparent. Ich habe nun in diesem Kindelement (span) ebenfalls diese Transparenz gesetzt, jedoch mit einem höheren Wert (keine Transparenz).

Naja, das funktioniert leider nicht, da dies anscheinend nicht weitervererbt wird.

<p style="-moz-opacity:.3;">hallo <span style="-moz-opacity:.9">wie gehts?</span></p>

Mein Ziel ist es, keine vollständige Transparenz zu erzeugen (background-color:transparent), sondern nur einen teilweise transparenten.

Gibt es hierzu eine Lösung bzw. eine andere Möglichkeit eine bestimmte Transparenz des Hintergrundes zu erzeugen?

thx
Stefan

PS:
Für dieses Problem habe ich jetzt einmal das -moz-opacity verwendet, aber für mein Script verwende ich auch (filter:alpha(opacity=80)) für den IE.

[SteBu]

Moin,

das Problem hatte ich auch mal, und leider gibt es da kaum was. Zum nachlesen http://forum.de.selfhtml.org/archiv/2005/6/t109090/#m680878

SteBu

[Ashura]

puts "Hallo " + gets.chomp + "."

?> Stefan
=> Hallo Stefan.

Gibt es hierzu eine Lösung bzw. eine andere Möglichkeit eine bestimmte Transparenz des Hintergrundes zu erzeugen?

[Wikipedia: Portable_Network_Graphics]?

Für dieses Problem habe ich jetzt einmal das -moz-opacity verwendet, aber für mein Script verwende ich auch (filter:alpha(opacity=80)) für den IE.

Den IE möchtest du auch noch unterstützen? Dann wirst du für die PNG den AlphaImageLoader benötigen

Einen schönen Freitag noch.

Gruß, Ashura

[Cheatah]

Hi,

Also ich möchte die Transparenz mit -moz-opacity (z.B.:  -moz-opacity:.3) in einem Elternelement setzen.

also das Element mit seinem Inhalt insgesamt transparent machen.

Naja, das funktioniert leider nicht, da dies anscheinend nicht weitervererbt wird.

Nein, die Opazität wird nicht vererbt, weil das sehr schnell zu einer (effektiv) vollständigen Tranparenz führen würde - x^n für 0<x<1 strebt mit wachsendem n gegen 0. Der opacity-Wert der Kindelemente ist ergo wieder 1.

Mein Ziel ist es, keine vollständige Transparenz zu erzeugen (background-color:transparent), sondern nur einen teilweise transparenten.

Genauer: Du möchtest den Hintergrund teiltransparent machen, nicht das Element. Dazu sieht CSS/3.0 das rgba()- oder hsla()-Schema vor. Bis dahin bleibt Dir nur die Möglichkeit einer teiltransparenten Hintergrundgrafik im PNG-Format, unter Berücksichtigung der Unfähigkeit des IE, dies vernünftig umzusetzen.

Cheatah

[Stefan]

Danke für die Antworten (+Links :D) !!! :D

Haben mir sehr geholfen :)... werde für den IE eben diesen AlphaImageLoader verwenden...
http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp

Schönen Freitag + Wochenende ;)

Stefan