Help - Search - Members - Calendar
Full Version: Can't figure out CSS greyscale code...
Movable Type Community Forum > Additional Resources > Tips and Tricks
AuroraPixie
You know how MT imports and makes a thumbnail. Cool...Except I want my thumbnail to be greyscale.

Soooooooo...What's the best way to do this?

I tried putting

CODE
filter:grey;
in the img tag but that didn't work.

I tried putting
CODE
<span style="filter:grey;">
around the group of thumbnails.

Then I put
CODE
"style="filter:grey;"
in an individual img src tag, and that DID work -- But God I can't do that in EVERY img tag...

So what the heck am I doing wrong?

I have them at 50 percent opacity and that works fine -- in the img tag in my css. But I want them 50 percent AND greyscale.

*Sigh*

Page is here: http://www.aurorapixie.com

THANKS smile.gif smile.gif smile.gif
stepan
Try using:
CODE
.logbody img
{
   filter: alpha(opacity=50) gray;
}

And yes, that's gray with an "A" wink.gif
AuroraPixie
Stepan that works!!!

Can I kiss you? wink.gif

THANKS!!!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.