css query: image opacity

[devika cha]

How do i make an image look faint in color or look very light in color inspite of original image being bright color?

Is there a way atleast???
[ February 23, 2005: Message edited by: Bear Bibeault ]

[Eric Pascarello]

Easiest solution is to use two images, but you can do a search for filters.
Google:css filter image

Eric

[Eugene Lucash]

Filters are good solution for this, but it works in IE only.

[devika cha]

thanks for your replys.

[Bear Bibeault]

The following style class definition works on all modern browsers that I tested except for Opera and OmniWeb:

.dim {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

The filter rule applies for IE (Windows and Mac), and the opacity rule applies for Safari, Mozilla, Firefox and Netscape.