Image ausgrauen

Hallo,

gibt es eine Möglichkeit ein Bild ausgegraut darzustellen, ohne das Bild
selbst auszutauschen?
Bei IE gibt es ja diese css-Effekte (filter:...), aber das ist wohl nicht
browserübergreifend machbar?

Danke

Chris Seidel wrote:

gibt es eine Möglichkeit ein Bild ausgegraut darzustellen, ohne das Bild
selbst auszutauschen?

Ja, Du kannst das img-Element zum Nachfahren eines Block-Elements mit grauem
Hintergrund machen und das img-Element mittels opacity-Eigenschaft (und
proprietären Äquivalenten) transparent machen:

<div style="background-color: gray; color: white;"><img
style="opacity: 0.5;" alt="foo" src="foo.jpg"

/div

Bei IE gibt es ja diese css-Effekte (filter:...), aber das ist wohl nicht
browserübergreifend machbar?

Ja, das ist leider so.

Wo ist Deine scriptbezogene Frage?


PointedEars
--
Kapotter Newsclient? ---> http://oe-faq.de/
---> http://getthunderbird.com/

Thomas 'PointedEars' Lahn wrote:

Chris Seidel wrote:

Ja, Du kannst das img-Element zum Nachfahren eines Block-Elements mit
grauem Hintergrund machen und das img-Element mittels
opacity-Eigenschaft (und proprietären Äquivalenten) transparent
machen:

div style="background-color: gray; color: white;"><img
style="opacity: 0.5;" alt="foo" src="foo.jpg"
/div

Ah ok, das hilft:

img.style.filter="alpha(opacity=20)";//IE
img.style.opacity=0.2;//FF

Danke.