Well, that would work except then all the other images that are wanted to be gray would be in color as well. However, this really is the solution but, in addition to removing that styling from the page, the images that are desired to be grayscale should be edited in an image program to actually be grayscale. This will require the least bandwidth. Another solution would be to create a class for the other images:
Code:
img.gray {
filter:gray;
}
Then apply this only to the images that you want gray:
HTML Code:
<img class="gray" src="whatever.jpg">
OR, you could create a cancelling id for the one image:
Code:
#color {
filter:;
}
HTML Code:
<img id="color" src="whatever.jpg">
Still, the best idea is to get rid of the filter altogether and just edit your images to appear as you wish in an image program.
Bookmarks